/* Acai design tokens: the one source for the extension and acaisafe.com (docs/design.md).
   Both builds copy assets/fonts/ to fonts/ next to this file. Never edit colours or sizes elsewhere. */
@font-face {
  font-family: 'Atkinson Hyperlegible Mono';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('fonts/atkinson-hyperlegible-mono-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Atkinson Hyperlegible Mono';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('fonts/atkinson-hyperlegible-mono-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('fonts/atkinson-hyperlegible-next-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('fonts/atkinson-hyperlegible-next-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url('fonts/newsreader-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url('fonts/newsreader-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light dark;

  /* Colour (light) */
  --paper: #FBF8F3;
  --surface: #FFFFFF;
  --ink: #1C1420;
  --ink-2: #4A4150;
  --line: #E9E2EC;
  --acai: #4A1F5C;
  --acai-ink: #FFFFFF;          /* text on --acai */
  --acai-soft: #F1E8F5;
  --banana: #F4E6B8;
  --stop: #931B12;
  --stop-surface: #FDECEA;
  --caution: #6B4000;
  --caution-surface: #FFF4DB;
  --done: #17603C;
  --cheek: #D9737A;

  /* Type */
  --font-display: 'Newsreader', Georgia, serif;   /* site headlines >= 28px only */
  --font-text: 'Atkinson Hyperlegible Next', system-ui, sans-serif;
  --font-mono: 'Atkinson Hyperlegible Mono', ui-monospace, monospace; /* evidence: addresses, CNPJ, Pix, counts */
  --text-small: 1rem;
  --text-body: 1.125rem;
  --text-lead: 1.375rem;
  --text-h3: 1.5rem;
  --text-h2: 2rem;
  --text-h1-ext: 2.25rem;
  --text-h1-site: clamp(2.5rem, 6vw, 4.25rem);
  --leading-body: 1.6;
  --leading-tight: 1.15;

  /* Space, radius, size */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;
  --radius-s: 12px;
  --radius-m: 20px;
  --radius-l: 28px;
  --tap: 48px;
  --tap-primary: 56px;
  --focus: 3px solid var(--acai);
  --max: 72rem;
  --column: 40rem;

  /* Motion (Bingsu curves) */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --fast: 150ms;
  --base: 300ms;
  --enter: 300ms;
  --reveal: 600ms;             /* once per page: the letter swap, the dashboard's numbers */

  /* Glass: only what floats over something (docs/design/extension.md). 84% keeps text AA over any page. */
  --glass: rgb(255 255 255 / 0.84);
  --glass-blur: blur(24px) saturate(180%);
  --glass-depth: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 0 0 1px rgb(28 20 32 / 0.08), 0 12px 32px rgb(28 20 32 / 0.14);

  /* The proof mark (design.md "Signature: the proof mark"): how Acai marks evidence everywhere. */
  --mark: var(--caution);      /* the underline under marked evidence */
  --rule: 6px;                 /* the margin rule on labels, selected options and covered words */
  --radius-tag: 4px;           /* labels, evidence chips, the correction tag */
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --paper: #120D14;
    --surface: #1D1621;
    --ink: #F5F0F6;
    --ink-2: #CFC6D3;
    --line: #2E2533;
    --acai: #C9A6DB;
    --acai-ink: #1C1420;
    --acai-soft: #2A1F30;
    --banana: #3A3320;
    --stop: #FF8A80;
    --stop-surface: #3A1512;
    --caution: #FFC46B;
    --caution-surface: #33260F;
    --done: #7BD3A6;
    --glass: rgb(29 22 33 / 0.84);
    --glass-depth: inset 0 1px 0 rgb(255 255 255 / 0.14), 0 0 0 1px rgb(255 255 255 / 0.08), 0 12px 32px rgb(0 0 0 / 0.4);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --fast: 0ms; --base: 0ms; --enter: 0ms; --reveal: 0ms; }
}