/* Studio 2027: alle ontwerptokens van de cockpit (plan 86, STUDIO-2027 §1). Dit is het enige
   bestand met kleurwaarden; studio.css gebruikt alleen var(--…) (test). Elke kleur staat als
   light-dark(<licht>, <donker>): donker volgt het systeem, of de keuze in de menuvoet
   (data-thema op <html>, gezet door de server uit een cookie). */
:root { color-scheme: light dark; }
:root[data-thema="licht"] { color-scheme: light; }
:root[data-thema="donker"] { color-scheme: dark; }

:root {
  /* Vlakken en tekst */
  --bg: light-dark(#F6F4EF, #1A1917);
  --vlak: light-dark(#EFECE5, #23221F);
  --kaart: light-dark(#FFFFFF, #2C2A26);
  --lijn: light-dark(#E2DED3, #3A3732);
  --lijn-sterk: light-dark(#DCD7CB, #4A463F);
  --tekst: light-dark(#1F1E1B, #EDEAE2);
  --middel: light-dark(#4A4740, #C9C4B8);
  --gedempt: light-dark(#6B675E, #A39E92);
  --chip: light-dark(#F1EEE7, #2F2D29);
  --hover: light-dark(#E4E0D6, #34322D);
  --veld: light-dark(#FBFAF7, #23221F);

  /* Accent: --accent voor strepen, stippen en het logo; als tekst of knop de AA-varianten */
  --accent: light-dark(#C0623D, #E07A52);
  --accent-tekst: light-dark(#A8532F, #E07A52);
  --accent-knop: light-dark(#A8532F, #E07A52);
  --op-accent: light-dark(#FFFFFF, #1A1917);
  --accent-zacht: light-dark(#F6E3D9, #3A2820);
  --sterk-knop: light-dark(#1F1E1B, #EDEAE2);
  --op-sterk: light-dark(#FFFFFF, #1A1917);

  /* Toestand (vast) */
  --t-concept: light-dark(#A39E92, #8C877C);
  --t-wachtrij: light-dark(#B5832A, #D9A54A);
  --t-ready: light-dark(#3A4F9A, #7C8FD6);
  --t-loopt: light-dark(#3F8F5A, #6FBF8E);
  --t-beslissen: var(--accent);
  --t-fout: light-dark(#8A3B1E, #E08A6E);

  /* Domein (vast; in donker iets lichter, zelfde tint) */
  --d-persoonlijk: light-dark(#8C877C, #A39E92);
  --d-lmcr: light-dark(#2F5E4E, #5E9C86);
  --d-denkbot: light-dark(#3A4F9A, #7C8FD6);
  --d-flurre: light-dark(#8A5A9E, #B58AC7);

  /* Meldingen en labels */
  --ok-vlak: light-dark(#E4EEE9, #1F3329);
  --ok-tekst: light-dark(#24493D, #8FD3A8);
  --let-op-vlak: light-dark(#F5ECD9, #3A2E17);
  --let-op-tekst: light-dark(#6B4A12, #E6C27A);
  --fout-vlak: light-dark(#F7E9E2, #3A221A);
  --fout-tekst: light-dark(#8A3B1E, #F0A58A);
  --fout-lijn: light-dark(#E5C9BC, #6A3A2A);
  --info-vlak: light-dark(#E6E9F4, #232A45);
  --info-tekst: light-dark(#2E3E78, #A9B6EA);

  /* Scrim en schaduw */
  --scrim: light-dark(#1413114D, #00000080);
  --schaduw: light-dark(#1F1E1B14, #00000066);
  --schaduw-paneel: light-dark(#1F1E1B59, #000000A6);
  --live-gloed: light-dark(#3F8F5A73, #6FBF8E73);
  --live-uit: light-dark(#3F8F5A00, #6FBF8E00);

  /* Type */
  --f-kop: 'Newsreader', Georgia, serif;
  --f-tekst: 'Geist', system-ui, -apple-system, sans-serif;
  --f-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-h1: 34px;
  --fs-h2: 26px;
  --fs-tekst: 15px;
  --fs-klein: 13px;
  --fs-label: 12px;

  /* Ruimte 4-8-12-16-22-28 */
  --r1: 4px; --r2: 8px; --r3: 12px; --r4: 16px; --r5: 22px; --r6: 28px;

  /* Radius */
  --rad-chip: 6px; --rad-knop: 10px; --rad-kaart: 12px; --rad-vlak: 16px; --rad-venster: 22px;

  /* Beweging */
  --snel: 150ms;
  --gewoon: 250ms;
  --paneel: 320ms;
  --curve: cubic-bezier(.2, .8, .2, 1);
}