/* RT brand theme ("Gold control room", RoboTrunk brand guide, 25-Sep-2026).
   Black and navy carry the page; gold is the signal for live work.
   Each activity keeps its own colour so states never blur together:
   working = gold, waiting on results = steel blue, delegated = copper,
   in review = lilac, accepted = verdigris. Original values stay in style.css as fallbacks. */

@font-face{font-family:"RT Unbounded";src:url("/about/fonts/unbounded-latin.woff2") format("woff2");font-weight:500 700;font-display:swap}
@font-face{font-family:"RT Instrument Sans";src:url("/about/fonts/instrument-sans-latin.woff2") format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"RT JetBrains Mono";src:url("/about/fonts/jetbrains-mono-latin.woff2") format("woff2");font-weight:400 500;font-display:swap}

body[data-theme="gold"]{
  /* Brand tokens */
  --ink-0:#030406;--ink-1:#07080C;--ink-2:#0B1120;--ink-3:#131D35;--ink-4:#1C2A4A;
  --gold:#D4A84B;--gold-hi:#E7C66E;--gold-lo:#B08A3A;--glow:#FFE9A8;--ivory:#F5F3EE;
  --body-text:#C8CFDA;--line-soft:#D4A84B1A;
  /* Activity colours: metals that sit beside gold on black */
  --steel:#86AEE0;--copper:#E08A52;--lilac:#B9A2F2;--verdigris:#5CC9A4;--graphite:#8C97A8;
  --display:"RT Unbounded","Arial Black",sans-serif;
  --sans:"RT Instrument Sans","Helvetica Neue",Arial,sans-serif;
  --mono:"RT JetBrains Mono",ui-monospace,Menlo,monospace;

  --bg:var(--ink-1);--panel:var(--ink-2);--line:#D4A84B38;--text:var(--ivory);--muted:#8C97A8;
  --blue:var(--copper);--cyan:var(--gold-hi);--amber:var(--steel);--purple:var(--lilac);--green:var(--verdigris);--gray:var(--graphite);
  --working-color:var(--gold-hi);--review-color:var(--lilac);--waiting-color:var(--steel);--delegated-color:var(--copper);--accepted-color:var(--verdigris);

  /* Surfaces and lines */
  --paint-070b14:#07080C;--paint-0d1423:#0B1120;--paint-253047:#D4A84B2E;--paint-e8edf8:#F5F3EE;--paint-8c9bb5:#8C97A8;
  --paint-132037:#131D35;--paint-202b40:#D4A84B1F;--paint-111c2f:#0B1120;--paint-34425b:#D4A84B40;--paint-3b4c66:#D4A84B40;
  --paint-131e2f:#0B1120;--paint-0b1220d9:#0B1120E6;--paint-52607833:#D4A84B1C;--paint-0b1220:#07080C;
  --paint-34425b55:#D4A84B26;--paint-14213755:#131D3566;--paint-0b122022:#07080C33;--paint-6c83a3:#D4A84B;
  --paint-0c1423:#0B1120;--paint-3d526c:#D4A84B55;--paint-bbc9de:#C8CFDA;--paint-2b3a50:#D4A84B1F;
  --paint-0005:#00000080;--paint-0009:#000000AA;--paint-ffffff44:#FFE9A855;
  --paint-54e5c66b:#D4A84B6B;--paint-45efda0b:#D4A84B12;
  /* Standard agent card: ink-navy, faint gold edge */
  --paint-172338:#0F1729;--paint-101827:#090C14;--paint-394660:#D4A84B30;
  --paint-adc0df:#A9B3C2;--paint-c0cde0:#C8CFDA;
  /* Working: gold */
  --paint-45efda:#E7C66E;--paint-45efda55:#E7C66E55;--paint-45efda66:#E7C66E66;--paint-45efda88:#E7C66E88;
  --paint-45efda99:#E7C66E99;--paint-45efdabb:#E7C66EBB;--paint-45efda22:#E7C66E22;
  --paint-154b49:#3A2D0E;--paint-102b31:#120F08;--paint-e6fffa:#FFF6DA;--paint-061914:#07080C;--paint-05211b:#07080C;
  /* Waiting: steel blue */
  --paint-ffc46a:#86AEE0;--paint-ffc46a22:#86AEE022;--paint-ffc46a33:#86AEE033;--paint-ffc46a55:#86AEE055;
  --paint-efb65c:#86AEE0;--paint-efb65c44:#86AEE044;--paint-efb65c77:#86AEE077;--paint-edbd77:#86AEE0;
  --paint-443b29:#14294A;--paint-292a34:#0A1222;--paint-31200b:#07080C;--paint-ffd694:#C4DAF5;
  /* Review, delegated, accepted */
  --paint-c18cff:#B9A2F2;--paint-c18cff55:#B9A2F255;--paint-608dff:#E08A52;--paint-83f0a6:#5CC9A4;--paint-83f0a677:#5CC9A477;
  --paint-8d9ab0:#8C97A8;
  /* Chiefs: raised navy, gold-lo edge, gold tab */
  --paint-473c64:#22345A;--paint-262d48:#111B31;--paint-ac91d0:#B08A3A;--paint-ba9edd55:#D4A84B;--paint-f2e5ff:#FFF6DA;
  /* In-house engineers: graphite, deliberately quiet */
  --paint-343d48:#25282E;--paint-252e39:#17191D;--paint-7c8795:#4C525C;--paint-e2e5e9:#A3A9B3;

  background:
    radial-gradient(ellipse at 88% -5%,#D4A84B29,transparent 42%),
    radial-gradient(ellipse at 10% 35%,#131D35CC,transparent 55%),
    linear-gradient(var(--line-soft) 1px,transparent 1px) 0 0/64px 64px,
    linear-gradient(90deg,var(--line-soft) 1px,transparent 1px) 0 0/64px 64px,
    #07080C;
  font-family:var(--sans);
}

/* Type: Unbounded for display, Instrument Sans for reading, JetBrains Mono for labels and numbers */
body[data-theme="gold"] h1,body[data-theme="gold"] h2{font-family:var(--display);letter-spacing:-.02em}
body[data-theme="gold"] h1{font-weight:700;font-size:22px;background:linear-gradient(176deg,#FFF6DA 8%,#E7C66E 38%,#D4A84B 62%,#B08A3A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body[data-theme="gold"] h2{font-weight:500;color:var(--ivory)}
body[data-theme="gold"] .brand small,body[data-theme="gold"] .badge,body[data-theme="gold"] .toolbar,body[data-theme="gold"] .canvas-footer,
body[data-theme="gold"] .stats small,body[data-theme="gold"] .model,body[data-theme="gold"] .agent .state,body[data-theme="gold"] .metrics,
body[data-theme="gold"] .working-label,body[data-theme="gold"] .results-label,body[data-theme="gold"] .department>span,
body[data-theme="gold"] .event small,body[data-theme="gold"] footer,body[data-theme="gold"] .zoom-controls output{font-family:var(--mono)}
body[data-theme="gold"] .brand small{color:var(--gold);letter-spacing:.26em}
body[data-theme="gold"] .stats b{font-family:var(--mono);color:var(--gold-hi);font-variant-numeric:tabular-nums;text-shadow:0 0 28px #D4A84B47}
body[data-theme="gold"] .stats small{text-transform:uppercase;letter-spacing:.12em;font-size:10px}
body[data-theme="gold"] .department>span{letter-spacing:.22em;font-size:9px}
body[data-theme="gold"] aside h3,body[data-theme="gold"] #journey h3{font-family:var(--mono);font-weight:500;text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--gold)}
body[data-theme="gold"] .toolbar>span:first-child{color:var(--gold);letter-spacing:.2em}

/* Square corners, gold light for depth (brand section 6) */
body[data-theme="gold"] .canvas-panel,body[data-theme="gold"] aside section,body[data-theme="gold"] .department,body[data-theme="gold"] #notice,
body[data-theme="gold"] .working-now,body[data-theme="gold"] #journey,body[data-theme="gold"] #replay-controls,body[data-theme="gold"] #detail,
body[data-theme="gold"] button,body[data-theme="gold"] select,body[data-theme="gold"] .agent{border-radius:0}
body[data-theme="gold"] .canvas-panel,body[data-theme="gold"] aside section{background:linear-gradient(165deg,#131D3599,#07080C66 60%)}
body[data-theme="gold"] header{background:#07080CB8;backdrop-filter:blur(14px)}
body[data-theme="gold"] button:hover{border-color:var(--gold-hi);color:var(--glow)}
body[data-theme="gold"] button:focus-visible,body[data-theme="gold"] select:focus-visible,body[data-theme="gold"] .agent:focus-visible{outline-color:var(--glow)}
body[data-theme="gold"] .dot{background:var(--glow);box-shadow:0 0 12px var(--gold)}

/* Standard card */
body[data-theme="gold"] .agent{box-shadow:0 10px 26px #00000066}

/* Chiefs: raised navy, gold edge and the brand's gold card tab, display-face name */
body[data-theme="gold"] .agent.chief{border:1px solid var(--gold-lo);box-shadow:inset 0 0 0 1px #D4A84B1F,0 0 22px #D4A84B1F,0 10px 26px #00000066}
body[data-theme="gold"] .agent.chief::before{content:'';position:absolute;left:-1px;top:-1px;width:56px;height:3px;background:var(--gold)}
body[data-theme="gold"] .agent.chief .name{font-family:var(--display);font-weight:500;font-size:11.5px;letter-spacing:-.01em}

/* In-house engineers: graphite and slightly desaturated so they recede */
body[data-theme="gold"] .agent.in-house:not(.active):not(.awaiting-results){filter:saturate(.55);opacity:.82}

/* Working now: gold always wins */
body[data-theme="gold"] .agent.active{border:3px solid var(--gold-hi);background:linear-gradient(135deg,#3A2D0E,#120F08 75%);box-shadow:0 0 26px #E7C66E88,inset 0 0 18px #D4A84B22}
body[data-theme="gold"] .agent.active::before{display:none}
body[data-theme="gold"] .working-label{background:linear-gradient(180deg,#FFE9A8,#E7C66E);color:#07080C;border-radius:0;letter-spacing:.12em}
body[data-theme="gold"] .agent.active .state{color:var(--glow)}
body[data-theme="gold"] .working-now{border-color:#E7C66E33;background:#D4A84B06}
body[data-theme="gold"] .working-now strong{font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--gold-hi)}
body[data-theme="gold"] .working-person{background:transparent;border-color:#E7C66E55;border-radius:0;color:var(--gold-hi)}body[data-theme="gold"] .working-person:hover{border-color:#E7C66EAA;background:#D4A84B10}body[data-theme="gold"] .working-person:before{background:var(--gold-hi);box-shadow:0 0 9px #E7C66E}

/* Waiting on results: cool steel blue, the opposite of gold */
body[data-theme="gold"] .agent.awaiting-results{border:2px solid var(--steel)}
body[data-theme="gold"] .results-label{border-radius:0;letter-spacing:.1em}
body[data-theme="gold"] .agent.awaiting-results .name{color:#E6EEF9}

/* Badges and drawer */
body[data-theme="gold"] .badge{border-radius:0;letter-spacing:.14em}
body[data-theme="gold"] .badge.live{color:var(--gold-hi);border-color:#E7C66E66}
body[data-theme="gold"] .badge.recorded{color:var(--lilac)}
body[data-theme="gold"] #agent-drawer{background:linear-gradient(165deg,#131D35,#07080C 70%)}
body[data-theme="gold"] #agent-drawer h3{font-family:var(--mono);font-weight:500;text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--gold)}
body[data-theme="gold"] .task-count{font-family:var(--mono)}

@media(prefers-reduced-motion:reduce){body[data-theme="gold"] *{transition:none!important}}

/* Jewel tones (default since 09-Oct-2026). Delegated moves off copper, which sat too close to gold, to coral.
   Waiting on results and waiting markers use the Classic purple card (Ash preferred it to aubergine), a classic gold partner;
   review lines take steel blue; chiefs take a raised steel-blue card with the gold edge and tab. */
body[data-theme="gold"][data-variant="jewel"]{
  --copper:#F07E6E;--steel:#C18CFF;--lilac:#86AEE0;
  --paint-608dff:#F07E6E;--paint-c18cff:#86AEE0;--paint-c18cff55:#86AEE055;
  --paint-ffc46a:#C18CFF;--paint-ffc46a22:#C18CFF22;--paint-ffc46a33:#C18CFF33;--paint-ffc46a55:#C18CFF55;
  --paint-efb65c:#C18CFF;--paint-efb65c44:#C18CFF44;--paint-efb65c77:#C18CFF77;--paint-edbd77:#C18CFF;
  --paint-443b29:#473C64;--paint-292a34:#262D48;--paint-ffd694:#E2CCFF;
  --paint-473c64:#1E3A66;--paint-262d48:#0D1A31;
}
body[data-theme="gold"][data-variant="jewel"] .agent.awaiting-results .name{color:#F2E5FF}
body[data-theme="gold"][data-variant="jewel"] .badge.demo{color:var(--steel)}

/* Gold pop, taken from the hero render: a warm rim light and slow sheen on working cards. */
body[data-theme="gold"] .agent.active::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 90% at 100% 0,#FFC24A40,transparent 60%),linear-gradient(115deg,transparent 40%,#FFF3C41A 50%,transparent 60%) -200% 0/250% 100% no-repeat;animation:sheen 4.5s ease-in-out infinite}
body[data-theme="gold"] .agent.active{border-color:#FFD272;box-shadow:0 0 0 1px #FFF3C455 inset,0 0 18px #FFB62799,0 0 46px #D4A84B55}
body[data-theme="gold"] .working-label{background:linear-gradient(180deg,#FFF6DA,#FFD272 45%,#D4A84B);box-shadow:0 0 12px #FFB62788}
body[data-theme="gold"] .agent.in-review{border-color:#86AEE077}
body[data-theme="gold"] .run-timer{color:#FFF3C4}
body[data-theme="gold"] .agent.active .seat-bot{border-color:#FFD272;box-shadow:0 0 6px #FFC24A,0 0 14px #FFB62799}
body[data-theme="gold"] .agent.blocked .seat-bot{filter:none;border-color:#FFC46A;box-shadow:0 0 6px #FFC46A,0 0 14px #FFC46A66}
body[data-theme="gold"] .agent.awaiting-results .seat-bot{filter:none;border-color:var(--steel);box-shadow:0 0 6px var(--steel),0 0 14px var(--paint-efb65c77)}
body[data-theme="gold"] .agent.chief:not(.active):not(.awaiting-results) .seat-bot{filter:grayscale(.35) brightness(.8);border-color:#D4A84B88}
@keyframes sheen{0%,55%{background-position:0 0,-200% 0}100%{background-position:0 0,200% 0}}

@media(prefers-reduced-motion:reduce){body[data-theme="gold"] *{transition:none!important}}