/* Generated by scripts/build-shared.mjs from shared/design/tokens.json. Do not edit. */
:root {
  --ink: #0B2545;
  --paper: #F4F8FB;
  --key: #FFFFFF;
  --key-fn: #D9E6F0;
  --key-shadow: #A9BED0;
  --accent: #0072B5;
  --on-accent: #FFFFFF;
  --flag-blue: #0090DA;
  --flag-green: #78BE20;
  --flag-yellow: #FFE000;
  --flag-red: #CC0033;
  --highlight: #FFE000;
  --on-highlight: #0B2545;
  --success: #3F7A0E;
  --muted: #4F6378;
  --surface: #FFFFFF;
  --line: #CBD9E5;
  --font-tifinagh: "Noto Sans Tifinagh";
  --font-latin: "Jost";
  --font-arabic: "Noto Kufi Arabic";
  --text-xs: 13px;
  --text-s: 16px;
  --text-m: 20px;
  --text-l: 25px;
  --text-xl: 31px;
  --text-xxl: 39px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-key: 8px;
  --radius-panel: 16px;
  --radius-pill: 999px;
  --phone-key-height: 52px;
  --phone-key-gap: 5px;
  --phone-glyph-size: 24px;
  --phone-hint-size: 10px;
  --phone-min-key-width: 28px;
  --desktop-key-height: 60px;
  --desktop-key-gap: 8px;
  --desktop-glyph-size: 28px;
  --desktop-hint-size: 12px;
  --desktop-max-width: 960px;
  --preview-glyph-size: 44px;
  --preview-hint-size: 14px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #E8F1F8;
    --paper: #071B2F;
    --key: #10304F;
    --key-fn: #1D4468;
    --key-shadow: #030D18;
    --accent: #3DB0EE;
    --on-accent: #071B2F;
    --flag-blue: #0090DA;
    --flag-green: #78BE20;
    --flag-yellow: #FFE000;
    --flag-red: #FF4D6D;
    --highlight: #FFE000;
    --on-highlight: #071B2F;
    --success: #8ACF3A;
    --muted: #9DB2C6;
    --surface: #0D2640;
    --line: #234A6E;
  }
}
:root[data-theme="dark"] {
  --ink: #E8F1F8;
  --paper: #071B2F;
  --key: #10304F;
  --key-fn: #1D4468;
  --key-shadow: #030D18;
  --accent: #3DB0EE;
  --on-accent: #071B2F;
  --flag-blue: #0090DA;
  --flag-green: #78BE20;
  --flag-yellow: #FFE000;
  --flag-red: #FF4D6D;
  --highlight: #FFE000;
  --on-highlight: #071B2F;
  --success: #8ACF3A;
  --muted: #9DB2C6;
  --surface: #0D2640;
  --line: #234A6E;
}