/* GINTENT · design tokens for the three directions, dark (default) and light.
   Shared rule: black and gold are the base; gold is flat (never a gradient), so GINTENT stays
   visually separate from Golden Ratio Studio's gradient gold and warm royal black. */

/* ============ A · VIEWFINDER ============ */
[data-dir="a"] {
  --bg:#08090B; --bg2:#0C0D10; --s1:#111317; --s2:#171A1F; --s3:#1F2329;
  --line:rgba(255,255,255,.075); --line2:rgba(255,255,255,.15);
  --tx:#F3F2EE; --tx2:#A9ACB3; --tx3:#71757D;
  --gold:#E3B04B; --gold2:#F0C56E; --gold-ink:#130E04; --gold-soft:rgba(227,176,75,.12); --gold-line:rgba(227,176,75,.5);
  --ok:#5CCB91; --ok-s:rgba(92,203,145,.13); --warn:#EE9257; --warn-s:rgba(238,146,87,.14); --bad:#F07373; --bad-s:rgba(240,115,115,.14); --info:#93A9CB; --info-s:rgba(147,169,203,.14);
  --scrim:rgba(5,6,8,.72); --shadow:0 30px 70px -40px rgba(0,0,0,.9);
  --r1:3px; --r2:5px; --r3:8px; --r4:10px;
  --f-d:'Geist','IBM Plex Sans Arabic',system-ui,sans-serif; --f-u:'Geist','IBM Plex Sans Arabic',system-ui,sans-serif; --f-m:'Geist Mono',ui-monospace,monospace;
  --dw:600; --dls:-.038em; --dcase:none; --dlh:1.02; --stretch:100%;
  --img-f:saturate(.78) contrast(1.06); --grain:0;
  color-scheme:dark;
}
[data-dir="a"][data-mode="light"] {
  --bg:#F2F1EC; --bg2:#EAE8E1; --s1:#FFFFFF; --s2:#F8F7F3; --s3:#EFEDE7;
  --line:rgba(11,12,14,.085); --line2:rgba(11,12,14,.17);
  --tx:#0B0C0E; --tx2:#4D5159; --tx3:#82868E;
  --gold:#A9750F; --gold2:#C38C1F; --gold-ink:#FFFFFF; --gold-soft:rgba(169,117,15,.10); --gold-line:rgba(169,117,15,.45);
  --ok:#1D8752; --ok-s:rgba(29,135,82,.10); --warn:#BF5A1B; --warn-s:rgba(191,90,27,.10); --bad:#C93A3A; --bad-s:rgba(201,58,58,.10); --info:#3D5F8F; --info-s:rgba(61,95,143,.10);
  --scrim:rgba(11,12,14,.55); --shadow:0 24px 60px -36px rgba(11,12,14,.35);
  color-scheme:light;
}

/* ============ B · SCREENING ROOM ============ */
[data-dir="b"] {
  --bg:#050505; --bg2:#0A0A09; --s1:#111110; --s2:#181816; --s3:#22211E;
  --line:rgba(246,241,228,.08); --line2:rgba(246,241,228,.17);
  --tx:#F6F1E4; --tx2:#B5AE9E; --tx3:#7A7462;
  --gold:#E9A23B; --gold2:#F5B95E; --gold-ink:#140E04; --gold-soft:rgba(233,162,59,.12); --gold-line:rgba(233,162,59,.5); /* the identity amber */
  --ok:#7FD49E; --ok-s:rgba(127,212,158,.12); --warn:#F29B62; --warn-s:rgba(242,155,98,.13); --bad:#F27D74; --bad-s:rgba(242,125,116,.13); --info:#A8B6CF; --info-s:rgba(168,182,207,.12);
  --scrim:rgba(3,3,3,.7); --shadow:0 40px 90px -40px rgba(0,0,0,1);
  --r1:0px; --r2:2px; --r3:2px; --r4:3px;
  --f-d:'Archivo','IBM Plex Sans Arabic',system-ui,sans-serif; --f-u:'Archivo','IBM Plex Sans Arabic',system-ui,sans-serif; --f-m:'DM Mono',ui-monospace,monospace;
  --dw:800; --dls:-.012em; --dcase:uppercase; --dlh:.9; --stretch:72%;
  --img-f:sepia(.18) saturate(.86) contrast(1.08); --grain:.07;
  color-scheme:dark;
}
[data-dir="b"][data-mode="light"] {
  --bg:#F3EFE5; --bg2:#EAE5D8; --s1:#FBF9F3; --s2:#F4F0E6; --s3:#E9E3D5;
  --line:rgba(20,18,13,.09); --line2:rgba(20,18,13,.18);
  --tx:#14120D; --tx2:#5A5446; --tx3:#8C8572;
  --gold:#A8650C; --gold2:#C27B1C; --gold-ink:#FFFFFF; --gold-soft:rgba(168,101,12,.10); --gold-line:rgba(168,101,12,.45); /* deep amber on paper */
  --ok:#24804F; --ok-s:rgba(36,128,79,.10); --warn:#B85A1E; --warn-s:rgba(184,90,30,.10); --bad:#BF3C33; --bad-s:rgba(191,60,51,.10); --info:#435D86; --info-s:rgba(67,93,134,.10);
  --scrim:rgba(20,18,13,.5); --shadow:0 24px 60px -36px rgba(20,18,13,.3); --grain:.04;
  color-scheme:light;
}

/* ============ C · CONTROL ROOM ============ */
[data-dir="c"] {
  --bg:#0B0C0F; --bg2:#0F1115; --s1:#14161B; --s2:#1A1D23; --s3:#22262E;
  --line:#22262D; --line2:#30353E;
  --tx:#E9EBEF; --tx2:#9CA2AD; --tx3:#6B727E;
  --gold:#D8AB52; --gold2:#ECC676; --gold-ink:#15100A; --gold-soft:rgba(216,171,82,.11); --gold-line:rgba(216,171,82,.45);
  --ok:#5AC796; --ok-s:rgba(90,199,150,.12); --warn:#E99460; --warn-s:rgba(233,148,96,.13); --bad:#EE7272; --bad-s:rgba(238,114,114,.13); --info:#8CA6D2; --info-s:rgba(140,166,210,.13);
  --scrim:rgba(7,8,10,.7); --shadow:0 1px 0 rgba(255,255,255,.035) inset, 0 28px 60px -34px rgba(0,0,0,.85);
  --r1:6px; --r2:9px; --r3:14px; --r4:18px;
  --f-d:'IBM Plex Sans','IBM Plex Sans Arabic',system-ui,sans-serif; --f-u:'IBM Plex Sans','IBM Plex Sans Arabic',system-ui,sans-serif; --f-m:'IBM Plex Mono',ui-monospace,monospace;
  --dw:600; --dls:-.03em; --dcase:none; --dlh:1.04; --stretch:100%;
  --img-f:saturate(.7) contrast(1.05) brightness(.92); --grain:0;
  color-scheme:dark;
}
[data-dir="c"][data-mode="light"] {
  --bg:#F4F5F7; --bg2:#ECEEF2; --s1:#FFFFFF; --s2:#F8F9FB; --s3:#EEF0F4;
  --line:#E2E5EB; --line2:#D0D5DE;
  --tx:#0E1116; --tx2:#545C6A; --tx3:#8991A0;
  --gold:#A6761A; --gold2:#BF8C2B; --gold-ink:#FFFFFF; --gold-soft:rgba(166,118,26,.10); --gold-line:rgba(166,118,26,.42);
  --ok:#17825A; --ok-s:rgba(23,130,90,.09); --warn:#B65A20; --warn-s:rgba(182,90,32,.09); --bad:#C53B3B; --bad-s:rgba(197,59,59,.09); --info:#3E5F95; --info-s:rgba(62,95,149,.09);
  --scrim:rgba(14,17,22,.45); --shadow:0 1px 2px rgba(14,17,22,.05), 0 18px 40px -26px rgba(14,17,22,.22);
  color-scheme:light;
}