/* Чебурчат — Privacy Ledger design tokens.
   Ported from the popup baseline (docs/v0.1-beta/popup-design-baseline.html) so the site and
   the extension speak one visual language. Contrast pairs are WCAG-AA tuned. */
:root {
  /* surfaces — warm cream paper */
  --paper:      #F4EEE1;   /* page surface */
  --paper-2:    #FBF7EE;   /* lifted card */
  --paper-3:    #EFE7D6;   /* alternating section band */
  --paper-edge: #E7DEC9;   /* hairline borders on cream */

  /* ink */
  --ink:        #2E2018;   /* primary text / wordmark */
  --ink-soft:   #6F5E50;   /* secondary — 5.35:1 on paper */
  --ink-muted:  #786452;   /* tertiary — 4.85:1 on paper */

  /* brand green — split by role so green never carries text below AA */
  --green:        #3E9B2F;  /* decorative fills, hover washes */
  --green-text:   #26661D;  /* green-as-text/icon on cream — 6.05:1 */
  --green-btn:    #1F6B18;  /* CTA base */
  --green-btn-hi: #247A1B;  /* CTA gradient top */
  --green-btn-lo: #185812;  /* CTA gradient bottom */
  --green-wash:   #E8F1DD;  /* soft green tint */

  /* trust-state accents (reused from popup) */
  --amber: #8A5E0A;  --amber-wash: #F7EBCF;
  --red:   #A8352C;  --red-wash:   #F6E0DC;
  --slate: #655A4E;  --slate-wash: #EAE4D8;

  /* dark surveillance band — the single palette inversion */
  --dark:          #161310;  /* warm near-black */
  --dark-2:        #211C17;  /* lifted dark surface */
  --dark-edge:     #322A22;
  --dark-ink:      #F4EEE1;  /* light text on dark */
  --dark-ink-soft: #C9BCAB;  /* secondary on dark */
  --dark-red:      #E8897E;  /* threat accent on dark (AA on --dark) */

  /* radii */
  --radius:      18px;
  --radius-sm:   12px;
  --radius-lg:   26px;
  --radius-pill: 999px;

  /* shadows */
  --shadow-soft: 0 1px 2px rgba(46,32,24,.06), 0 8px 24px rgba(46,32,24,.08);
  --shadow-lift: 0 2px 6px rgba(46,32,24,.10), 0 14px 40px rgba(46,32,24,.14);
  --shadow-dark: 0 2px 8px rgba(0,0,0,.40), 0 24px 60px rgba(0,0,0,.45);

  /* type */
  --mono: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* layout */
  --container:        1120px;
  --container-narrow: 760px;
  --gutter: clamp(20px, 5vw, 48px);

  /* spacing scale */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --space-9: 96px; --space-10: 128px;

  /* motion */
  --ease: cubic-bezier(.2, .7, .3, 1);
}