/* Somi theme tokens v1.1 (LUXE-2) - GENERATED by design/themes-luxe2/src/mkwebcss.py from tokens.py. Do not edit by hand.
 * Usage: <html data-theme="vodka|gin-tonic|primitivo-red|dark-stout">. Default = vodka.
 * Match my phone: prefers-color-scheme light -> vodka, dark -> dark-stout (use data-theme="auto").
 * Migration of stored values: champagne -> vodka, the-pour -> vodka, pour -> vodka, sage -> gin-tonic, claret-night -> primitivo-red, slate-ink -> dark-stout
 * Flat: every colour is solid; the only alpha value is --scrim. Strokes: --card-bw 1.5px, --btn-bw 1.5px, --user-bw 1px, --nav-bw 1px (light); 0px (dark). */

:root{--r-card:20px;--r-in:14px;--r-sheet:24px;--r-pill:999px;--hair:1px;--hair-hc:1.5px;--serif:"Newsreader","New York",Georgia,serif;--display:"Cormorant Garamond","Newsreader",Georgia,serif;--sans:"Inter",-apple-system,"Helvetica Neue",Arial,sans-serif}

[data-theme="vodka"],:root:not([data-theme]){ /* Vodka (light): Gallery white and graphite ink, a thread of steel blue. Clear, cold, nothing added. */
  color-scheme:light;
  /* Page tier */
  --page:#FAFAF9;--surface:#EFF0F1;--surface-2:#F4F5F5;--ink:#14181C;--ink-2:#565D66;--ink-3:#565D66;--accent:#4A6682;--accent-text:#3F5A76;--on-accent:#FAFAF9;--danger:#9A3B35;--line:#D8DBDE;--line-strong:#888B8E;--user:#FAFAF9;--on-user:#14181C;--scrim:rgba(20,24,28,.50);
  /* Action cards: LIGHT = outline on page fill; DARK = dimmed-bone filled block (stroke widths 0) */
  --card-fill:#FAFAF9;--card-stroke:#14181C;--card-bw:1.5px;--user-stroke:#14181C;--user-bw:1px;--btn-stroke:#14181C;--btn-bw:1.5px;--nav-fill:#FAFAF9;--nav-stroke:#888B8E;--nav-bw:1px;--nav-active-fill:#EFF0F1;--nav-active-stroke:#14181C;--nav-active-bw:1.5px;
  /* Block tier (used inside .inv: top pick card, nav pill). In light themes it equals the page tier. */
  --block:#FAFAF9;--on-block:#14181C;--on-block-2:#565D66;--on-block-3:#565D66;--block-surface:#EFF0F1;--block-surface-2:#F4F5F5;--block-user:#FAFAF9;--on-block-user:#14181C;--block-user-stroke:#14181C;--block-btn-stroke:#14181C;--block-accent:#4A6682;--block-accent-text:#3F5A76;--block-on-accent:#FAFAF9;--block-danger:#9A3B35;--block-line:#D8DBDE;--block-line-strong:#888B8E;
  /* Camera sheet (always dark) */
  --cam-bg:#0F1215;--cam-chrome:#1B2025;--cam-chrome-line:#3A424A;--cam-ink:#E3E6E9;
}

[data-theme="gin-tonic"]{ /* Gin & Tonic (light): Cold stone, pale juniper, bottle-green ink. A glass held up to a window. */
  color-scheme:light;
  /* Page tier */
  --page:#E9ECE4;--surface:#D5DDD0;--surface-2:#DFE4DA;--ink:#16241D;--ink-2:#4F5F55;--ink-3:#4F5F55;--accent:#3E6B5A;--accent-text:#3C6858;--on-accent:#E9ECE4;--danger:#8C3A2E;--line:#BFC9BE;--line-strong:#737F76;--user:#E9ECE4;--on-user:#16241D;--scrim:rgba(22,36,29,.55);
  /* Action cards: LIGHT = outline on page fill; DARK = dimmed-bone filled block (stroke widths 0) */
  --card-fill:#E9ECE4;--card-stroke:#16241D;--card-bw:1.5px;--user-stroke:#16241D;--user-bw:1px;--btn-stroke:#16241D;--btn-bw:1.5px;--nav-fill:#E9ECE4;--nav-stroke:#737F76;--nav-bw:1px;--nav-active-fill:#D5DDD0;--nav-active-stroke:#16241D;--nav-active-bw:1.5px;
  /* Block tier (used inside .inv: top pick card, nav pill). In light themes it equals the page tier. */
  --block:#E9ECE4;--on-block:#16241D;--on-block-2:#4F5F55;--on-block-3:#4F5F55;--block-surface:#D5DDD0;--block-surface-2:#DFE4DA;--block-user:#E9ECE4;--on-block-user:#16241D;--block-user-stroke:#16241D;--block-btn-stroke:#16241D;--block-accent:#3E6B5A;--block-accent-text:#3C6858;--block-on-accent:#E9ECE4;--block-danger:#8C3A2E;--block-line:#BFC9BE;--block-line-strong:#737F76;
  /* Camera sheet (always dark) */
  --cam-bg:#0E1713;--cam-chrome:#16241D;--cam-chrome-line:#34463C;--cam-ink:#D5DDD0;
}

[data-theme="primitivo-red"]{ /* Primitivo Red (dark): An oxblood room with a bone-coloured card on the table. Lacquer, leather and a candle somewhere. */
  color-scheme:dark;
  /* Page tier */
  --page:#241013;--surface:#3A1A1F;--surface-2:#2F1519;--ink:#EFE3D6;--ink-2:#B9A294;--ink-3:#B9A294;--accent:#C9A27A;--accent-text:#C9A27A;--on-accent:#241013;--danger:#D9806F;--line:#5A3338;--line-strong:#856666;--user:#E6D7C6;--on-user:#241013;--scrim:rgba(16,6,8,.66);
  /* Action cards: LIGHT = outline on page fill; DARK = dimmed-bone filled block (stroke widths 0) */
  --card-fill:#E6D7C6;--card-stroke:#E6D7C6;--card-bw:0px;--user-stroke:#E6D7C6;--user-bw:0px;--btn-stroke:#241013;--btn-bw:0px;--nav-fill:#E6D7C6;--nav-stroke:#E6D7C6;--nav-bw:0px;--nav-active-fill:#241013;--nav-active-stroke:#241013;--nav-active-bw:0px;
  /* Block tier (used inside .inv: top pick card, nav pill). In light themes it equals the page tier. */
  --block:#E6D7C6;--on-block:#241013;--on-block-2:#4F3C3A;--on-block-3:#4F3C3A;--block-surface:#D8C9B9;--block-surface-2:#CFBFB1;--block-user:#241013;--on-block-user:#E6D7C6;--block-user-stroke:#241013;--block-btn-stroke:#241013;--block-accent:#7A2B33;--block-accent-text:#7A2B33;--block-on-accent:#E6D7C6;--block-danger:#8E2F2A;--block-line:#BFAFA2;--block-line-strong:#7F6D67;
  /* Camera sheet (always dark) */
  --cam-bg:#160A0C;--cam-chrome:#2E151A;--cam-chrome-line:#5A3338;--cam-ink:#E6D7C6;
}

[data-theme="dark-stout"]{ /* Dark Stout (dark): Graphite and tobacco, with a cream head. A late bar with the lights down. */
  color-scheme:dark;
  /* Page tier */
  --page:#14110F;--surface:#221D19;--surface-2:#1B1714;--ink:#E8DFD2;--ink-2:#A39688;--ink-3:#A39688;--accent:#B88A55;--accent-text:#B88A55;--on-accent:#14110F;--danger:#D77A68;--line:#3A332D;--line-strong:#706860;--user:#DDD2C0;--on-user:#14110F;--scrim:rgba(8,6,5,.66);
  /* Action cards: LIGHT = outline on page fill; DARK = dimmed-bone filled block (stroke widths 0) */
  --card-fill:#DDD2C0;--card-stroke:#DDD2C0;--card-bw:0px;--user-stroke:#DDD2C0;--user-bw:0px;--btn-stroke:#14110F;--btn-bw:0px;--nav-fill:#DDD2C0;--nav-stroke:#DDD2C0;--nav-bw:0px;--nav-active-fill:#14110F;--nav-active-stroke:#14110F;--nav-active-bw:0px;
  /* Block tier (used inside .inv: top pick card, nav pill). In light themes it equals the page tier. */
  --block:#DDD2C0;--on-block:#14110F;--on-block-2:#403B36;--on-block-3:#403B36;--block-surface:#CFC4B4;--block-surface-2:#C5BBAB;--block-user:#14110F;--on-block-user:#DDD2C0;--block-user-stroke:#14110F;--block-btn-stroke:#14110F;--block-accent:#654623;--block-accent-text:#654623;--block-on-accent:#DDD2C0;--block-danger:#8A392B;--block-line:#B5AB9D;--block-line-strong:#726B62;
  /* Camera sheet (always dark) */
  --cam-bg:#0C0A09;--cam-chrome:#221D19;--cam-chrome-line:#3A332D;--cam-ink:#DDD2C0;
}

/* Match my phone */
[data-theme="auto"]{ /* Vodka (light): Gallery white and graphite ink, a thread of steel blue. Clear, cold, nothing added. */
  color-scheme:light;
  /* Page tier */
  --page:#FAFAF9;--surface:#EFF0F1;--surface-2:#F4F5F5;--ink:#14181C;--ink-2:#565D66;--ink-3:#565D66;--accent:#4A6682;--accent-text:#3F5A76;--on-accent:#FAFAF9;--danger:#9A3B35;--line:#D8DBDE;--line-strong:#888B8E;--user:#FAFAF9;--on-user:#14181C;--scrim:rgba(20,24,28,.50);
  /* Action cards: LIGHT = outline on page fill; DARK = dimmed-bone filled block (stroke widths 0) */
  --card-fill:#FAFAF9;--card-stroke:#14181C;--card-bw:1.5px;--user-stroke:#14181C;--user-bw:1px;--btn-stroke:#14181C;--btn-bw:1.5px;--nav-fill:#FAFAF9;--nav-stroke:#888B8E;--nav-bw:1px;--nav-active-fill:#EFF0F1;--nav-active-stroke:#14181C;--nav-active-bw:1.5px;
  /* Block tier (used inside .inv: top pick card, nav pill). In light themes it equals the page tier. */
  --block:#FAFAF9;--on-block:#14181C;--on-block-2:#565D66;--on-block-3:#565D66;--block-surface:#EFF0F1;--block-surface-2:#F4F5F5;--block-user:#FAFAF9;--on-block-user:#14181C;--block-user-stroke:#14181C;--block-btn-stroke:#14181C;--block-accent:#4A6682;--block-accent-text:#3F5A76;--block-on-accent:#FAFAF9;--block-danger:#9A3B35;--block-line:#D8DBDE;--block-line-strong:#888B8E;
  /* Camera sheet (always dark) */
  --cam-bg:#0F1215;--cam-chrome:#1B2025;--cam-chrome-line:#3A424A;--cam-ink:#E3E6E9;
}
@media (prefers-color-scheme: dark){
  [data-theme="auto"]{ /* Dark Stout (dark): Graphite and tobacco, with a cream head. A late bar with the lights down. */
    color-scheme:dark;
    /* Page tier */
    --page:#14110F;--surface:#221D19;--surface-2:#1B1714;--ink:#E8DFD2;--ink-2:#A39688;--ink-3:#A39688;--accent:#B88A55;--accent-text:#B88A55;--on-accent:#14110F;--danger:#D77A68;--line:#3A332D;--line-strong:#706860;--user:#DDD2C0;--on-user:#14110F;--scrim:rgba(8,6,5,.66);
    /* Action cards: LIGHT = outline on page fill; DARK = dimmed-bone filled block (stroke widths 0) */
    --card-fill:#DDD2C0;--card-stroke:#DDD2C0;--card-bw:0px;--user-stroke:#DDD2C0;--user-bw:0px;--btn-stroke:#14110F;--btn-bw:0px;--nav-fill:#DDD2C0;--nav-stroke:#DDD2C0;--nav-bw:0px;--nav-active-fill:#14110F;--nav-active-stroke:#14110F;--nav-active-bw:0px;
    /* Block tier (used inside .inv: top pick card, nav pill). In light themes it equals the page tier. */
    --block:#DDD2C0;--on-block:#14110F;--on-block-2:#403B36;--on-block-3:#403B36;--block-surface:#CFC4B4;--block-surface-2:#C5BBAB;--block-user:#14110F;--on-block-user:#DDD2C0;--block-user-stroke:#14110F;--block-btn-stroke:#14110F;--block-accent:#654623;--block-accent-text:#654623;--block-on-accent:#DDD2C0;--block-danger:#8A392B;--block-line:#B5AB9D;--block-line-strong:#726B62;
    /* Camera sheet (always dark) */
    --cam-bg:#0C0A09;--cam-chrome:#221D19;--cam-chrome-line:#3A332D;--cam-ink:#DDD2C0;
  }
}

/* Inverse scope: children of .inv draw with the block tier (dark themes: dimmed-bone card; light themes: identical to page tier) */
.inv{--page:var(--block);--ink:var(--on-block);--ink-2:var(--on-block-2);--ink-3:var(--on-block-3);--surface:var(--block-surface);--surface-2:var(--block-surface-2);--user:var(--block-user);--on-user:var(--on-block-user);--user-stroke:var(--block-user-stroke);--btn-stroke:var(--block-btn-stroke);--accent:var(--block-accent);--accent-text:var(--block-accent-text);--on-accent:var(--block-on-accent);--danger:var(--block-danger);--line:var(--block-line);--line-strong:var(--block-line-strong);}