/* ============================================================
   APPS.sy theme tokens
   The ONLY place colours, fonts and shapes are defined.
   Tools must never hardcode a value. Read these instead.
   ============================================================ */

/* ============================================================
   1. TOKENS
   ============================================================ */
:root{color-scheme:light dark}

[data-theme="cupertino"]{
  --font-display:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --r-tile:17px;--r-field:11px;--r-card:14px;--tile-border:none;--tile-shadow:none;
  --label-size:11px;--label-weight:500;--label-transform:none;--label-spacing:0;
  --head-weight:700;--head-spacing:-.03em;--glyph-w:1.9;--glyph-size:40%}
[data-theme="cupertino"][data-mode="light"]{--theme-color:#FFFFFF;--bg:#FFFFFF;--surface:#F0F0F2;
  --surface-2:#F7F7F9;--fg:#1D1D1F;--muted:#86868B;--line:#E3E3E6;--accent:#0071E3;
  --accent-fg:#FFFFFF;--tile-bg:#1D1D1F;--tile-fg:#FFFFFF}
[data-theme="cupertino"][data-mode="dark"]{--theme-color:#000000;--bg:#000000;--surface:#1C1C1E;
  --surface-2:#141416;--fg:#F5F5F7;--muted:#8E8E93;--line:#2C2C2E;--accent:#0A84FF;
  --accent-fg:#FFFFFF;--tile-bg:#F5F5F7;--tile-fg:#000000}

[data-theme="terminal"]{--font-display:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --font-body:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --r-tile:5px;--r-field:4px;--r-card:5px;--tile-border:none;--tile-shadow:none;
  --label-size:10px;--label-weight:500;--label-transform:lowercase;--label-spacing:0;
  --head-weight:700;--head-spacing:.02em;--glyph-w:1.75;--glyph-size:40%}
[data-theme="terminal"][data-mode="dark"]{--theme-color:#080B0C;--bg:#080B0C;--surface:#101718;
  --surface-2:#0C1213;--fg:#D5DEDA;--muted:#57706A;--line:#1D2B2A;--accent:#34E27A;
  --accent-fg:#060A08;--tile-bg:#34E27A;--tile-fg:#060A08}
[data-theme="terminal"][data-mode="light"]{--theme-color:#EDEFEA;--bg:#EDEFEA;--surface:#E0E4DB;
  --surface-2:#E7EAE3;--fg:#10231A;--muted:#5F7568;--line:#CBD3C6;--accent:#0E7A3C;
  --accent-fg:#EDEFEA;--tile-bg:#0E7A3C;--tile-fg:#EDEFEA}

[data-theme="blueprint"]{--font-display:"DIN Alternate",Bahnschrift,"Avenir Next Condensed","Avenir Next",system-ui,sans-serif;
  --font-body:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --r-tile:9px;--r-field:7px;--r-card:9px;--tile-border:none;--tile-shadow:none;
  --label-size:9.5px;--label-weight:400;--label-transform:uppercase;--label-spacing:.05em;
  --head-weight:700;--head-spacing:-.01em;--glyph-w:1.9;--glyph-size:40%}
[data-theme="blueprint"][data-mode="dark"]{--theme-color:#0E1A33;--bg:#0E1A33;--surface:#16243F;
  --surface-2:#12203A;--fg:#E4ECF7;--muted:#7B92B2;--line:#24365A;--accent:#4CC9F0;
  --accent-fg:#0E1A33;--tile-bg:#4CC9F0;--tile-fg:#0E1A33}
[data-theme="blueprint"][data-mode="light"]{--theme-color:#E8EFF7;--bg:#E8EFF7;--surface:#D8E4F2;
  --surface-2:#E1EAF5;--fg:#0E1A33;--muted:#5C769B;--line:#C2D2E6;--accent:#0F6FA8;
  --accent-fg:#FFFFFF;--tile-bg:#0E1A33;--tile-fg:#4CC9F0}

[data-theme="damascus"]{--font-display:Baskerville,"Hoefler Text","Iowan Old Style",Georgia,serif;
  --font-body:Optima,Candara,"Gill Sans","Avenir Next",Damascus,system-ui,sans-serif;
  --font-mono:ui-monospace,Menlo,monospace;
  --r-tile:48% 48% 12px 12px / 38% 38% 12px 12px;--r-field:20px;--r-card:14px;
  --tile-border:none;--tile-shadow:none;
  --label-size:11px;--label-weight:400;--label-transform:none;--label-spacing:0;
  --head-weight:400;--head-spacing:0;--glyph-w:1.9;--glyph-size:38%}
[data-theme="damascus"][data-mode="dark"]{--theme-color:#1A2A23;--bg:#1A2A23;--surface:#24362D;
  --surface-2:#1F3128;--fg:#F0E9D8;--muted:#8FA08D;--line:#33473B;--accent:#D8A31A;
  --accent-fg:#1A2A23;--tile-bg:#D8A31A;--tile-fg:#1A2A23}
[data-theme="damascus"][data-mode="light"]{--theme-color:#F2EDE0;--bg:#F2EDE0;--surface:#E6DFCC;
  --surface-2:#ECE6D6;--fg:#1F3229;--muted:#77886F;--line:#D5CCB4;--accent:#9C7207;
  --accent-fg:#F2EDE0;--tile-bg:#1F3229;--tile-fg:#E8C452}

[data-theme="brutalist"]{--font-display:"DIN Condensed","Arial Narrow",Impact,"Helvetica Neue",sans-serif;
  --font-body:"Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:ui-monospace,Menlo,monospace;
  --r-tile:0;--r-field:0;--r-card:0;
  --label-size:10px;--label-weight:700;--label-transform:uppercase;--label-spacing:.03em;
  --head-weight:400;--head-spacing:.01em;--glyph-w:2.2;--glyph-size:40%}
[data-theme="brutalist"][data-mode="light"]{--theme-color:#FFFFFF;--bg:#FFFFFF;--surface:#FFFFFF;
  --surface-2:#FFFDF0;--fg:#000000;--muted:#5A5A5A;--line:#000000;--accent:#FFE600;
  --accent-fg:#000000;--tile-bg:#000000;--tile-fg:#FFFFFF;
  --tile-border:2.5px solid #000000;--tile-shadow:3px 3px 0 #FFE600}
[data-theme="brutalist"][data-mode="dark"]{--theme-color:#0A0A0A;--bg:#0A0A0A;--surface:#161616;
  --surface-2:#101010;--fg:#FFFFFF;--muted:#9E9E9E;--line:#FFFFFF;--accent:#FFE600;
  --accent-fg:#000000;--tile-bg:#FFFFFF;--tile-fg:#0A0A0A;
  --tile-border:2.5px solid #FFFFFF;--tile-shadow:3px 3px 0 #FFE600}

[data-theme="lilac"]{--font-display:Charter,"Iowan Old Style",Georgia,serif;
  --font-body:"Avenir Next",Avenir,"Segoe UI",system-ui,sans-serif;
  --font-mono:ui-monospace,Menlo,monospace;
  --r-tile:17px;--r-field:14px;--r-card:16px;--tile-border:none;
  --label-size:11px;--label-weight:500;--label-transform:none;--label-spacing:0;
  --head-weight:700;--head-spacing:-.01em;--glyph-w:1.9;--glyph-size:40%}
[data-theme="lilac"][data-mode="light"]{--theme-color:#F7F5FB;--bg:#F7F5FB;--surface:#FFFFFF;
  --surface-2:#FFFFFF;--fg:#2E2A33;--muted:#8D8698;--line:#E6E1F0;--accent:#6B4EE6;
  --accent-fg:#FFFFFF;--tile-bg:#6B4EE6;--tile-fg:#FFFFFF;--tile-shadow:0 3px 9px rgba(85,55,200,.22)}
[data-theme="lilac"][data-mode="dark"]{--theme-color:#16131C;--bg:#16131C;--surface:#221E2C;
  --surface-2:#1B1824;--fg:#EDE9F5;--muted:#948CA6;--line:#2E2839;--accent:#9B85FF;
  --accent-fg:#16131C;--tile-bg:#7C5CF0;--tile-fg:#FFFFFF;--tile-shadow:0 3px 12px rgba(124,92,240,.4)}

[data-theme="midnight"]{--font-display:Futura,"Century Gothic","Avenir Next",system-ui,sans-serif;
  --font-body:"Avenir Next",Avenir,"Segoe UI",system-ui,sans-serif;
  --font-mono:ui-monospace,Menlo,monospace;
  --r-tile:16px;--r-field:13px;--r-card:14px;--tile-border:none;
  --label-size:11px;--label-weight:400;--label-transform:none;--label-spacing:0;
  --head-weight:700;--head-spacing:.01em;--glyph-w:1.9;--glyph-size:40%}
[data-theme="midnight"][data-mode="dark"]{--theme-color:#0B0B12;--bg:#0B0B12;
  --surface:rgba(255,255,255,.07);--surface-2:#14121F;--fg:#ECEAF5;--muted:#8B87A3;
  --line:rgba(255,255,255,.12);--accent:#7B5CFF;--accent-fg:#FFFFFF;--tile-bg:#7B5CFF;
  --tile-fg:#FFFFFF;--tile-shadow:0 4px 14px rgba(123,92,255,.35)}
[data-theme="midnight"][data-mode="light"]{--theme-color:#F4F2FB;--bg:#F4F2FB;--surface:#FFFFFF;
  --surface-2:#EDEAF8;--fg:#1B1830;--muted:#7D7796;--line:#E2DEF2;--accent:#6244E0;
  --accent-fg:#FFFFFF;--tile-bg:#6244E0;--tile-fg:#FFFFFF;--tile-shadow:0 4px 12px rgba(98,68,224,.28)}

[data-theme="editorial"]{--font-display:Didot,"Bodoni 72","Hoefler Text",Georgia,serif;
  --font-body:"Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:ui-monospace,Menlo,monospace;
  --r-tile:0;--r-field:0;--r-card:0;--tile-border:none;--tile-shadow:none;
  --label-size:9.5px;--label-weight:600;--label-transform:uppercase;--label-spacing:.07em;
  --head-weight:400;--head-spacing:-.01em;--glyph-w:1.7;--glyph-size:38%}
[data-theme="editorial"][data-mode="light"]{--theme-color:#FBFAF7;--bg:#FBFAF7;--surface:#FFFFFF;
  --surface-2:#F5F3EE;--fg:#14110E;--muted:#6E6A63;--line:#DCD8CF;--accent:#B3141C;
  --accent-fg:#FFFFFF;--tile-bg:#14110E;--tile-fg:#FBFAF7}
[data-theme="editorial"][data-mode="dark"]{--theme-color:#14120F;--bg:#14120F;--surface:#1E1A16;
  --surface-2:#191612;--fg:#F2EFE8;--muted:#918A7E;--line:#2E2A24;--accent:#E0524B;
  --accent-fg:#14120F;--tile-bg:#F2EFE8;--tile-fg:#14110E}

[data-theme="sunset"]{--font-display:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold",system-ui,sans-serif;
  --font-body:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold",system-ui,sans-serif;
  --font-mono:ui-monospace,Menlo,monospace;
  --r-tile:19px;--r-field:16px;--r-card:18px;--tile-border:none;
  --label-size:11px;--label-weight:600;--label-transform:none;--label-spacing:0;
  --head-weight:700;--head-spacing:-.02em;--glyph-w:1.9;--glyph-size:40%}
[data-theme="sunset"][data-mode="light"]{--theme-color:#FFF8F4;--bg:#FFF8F4;--surface:#FFFFFF;
  --surface-2:#FFF1E9;--fg:#2B1B2E;--muted:#9A8290;--line:#F3DCD2;--accent:#FF2E93;
  --accent-fg:#FFFFFF;--tile-bg:#FF2E93;--tile-fg:#FFFFFF;--tile-shadow:0 4px 12px rgba(255,70,120,.26)}
[data-theme="sunset"][data-mode="dark"]{--theme-color:#1A0F1C;--bg:#1A0F1C;--surface:#261627;
  --surface-2:#1F1221;--fg:#FCEFE9;--muted:#A98D9C;--line:#35203A;--accent:#FF4FA3;
  --accent-fg:#1A0F1C;--tile-bg:#FF2E93;--tile-fg:#FFFFFF;--tile-shadow:0 4px 14px rgba(255,46,147,.35)}
[data-theme="sunset"] .tile-3n1{background:#FF6B4A}
[data-theme="sunset"] .tile-3n2{background:#FFB020}

[data-theme="stationery"]{--font-display:Palatino,"Palatino Linotype","Iowan Old Style",Georgia,serif;
  --font-body:"Gill Sans","Gill Sans MT","Trebuchet MS",system-ui,sans-serif;
  --font-mono:ui-monospace,Menlo,monospace;
  --r-tile:3px;--r-field:3px;--r-card:3px;--tile-border:none;--tile-shadow:none;
  --label-size:11px;--label-weight:400;--label-transform:none;--label-spacing:.02em;
  --head-weight:400;--head-spacing:0;--glyph-w:1.8;--glyph-size:38%}
[data-theme="stationery"][data-mode="light"]{--theme-color:#E9E9E3;--bg:#E9E9E3;--surface:#FCFCFA;
  --surface-2:#F3F3EE;--fg:#1E2A32;--muted:#6F7C84;--line:#CFCFC6;--accent:#2F5D62;
  --accent-fg:#FCFCFA;--tile-bg:#2F5D62;--tile-fg:#FCFCFA}
[data-theme="stationery"][data-mode="dark"]{--theme-color:#1A1F22;--bg:#1A1F22;--surface:#242B2E;
  --surface-2:#1E2427;--fg:#E8E8E1;--muted:#8B999F;--line:#333C40;--accent:#7FC0C6;
  --accent-fg:#14191B;--tile-bg:#3E7C82;--tile-fg:#EAF3F2}