/* Paper — warm, calm, editorial UI for consumer and personal products. */
:root{
  color-scheme:light;

  --font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-display:"Newsreader",Georgia,"Times New Roman",serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  --bg:#f7f5f0;
  --surface:#ffffff;
  --surface-2:#f2efe8;
  --hover:#efebe3;
  --line:#e9e4da;
  --line-strong:#d3ccbf;
  --text:#22201c;
  --text-2:#4b4740;
  --text-3:#6a645a;
  --accent:#2d5b4a;
  --accent-hover:#234a3c;
  --accent-subtle:#e5eee8;
  --on-accent:#ffffff;
  --focus:0 0 0 3px #2d5b4a2e;
  --ok:#2c6a48;
  --ok-bg:#e6f0e8;
  --warn:#8a5a12;
  --warn-bg:#f8eedb;
  --bad:#a43c2e;
  --bad-bg:#f9e9e5;
  --info:#3a5a86;
  --info-bg:#e7edf5;
  --scrim:#22201c66;
  --knob-off:#ffffff;
  --check-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='m4.5 9 3 3 6-6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --chevron-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%236a645a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  --r-sm:8px;
  --r-md:10px;
  --r-lg:14px;
  --r-pill:999px;
  --t-none:0ms;
  --t-fast:120ms;
  --t-base:180ms;
  --t-layer:220ms;
  --t-sheet:320ms;
  --t-pulse:1600ms;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.77,0,.175,1);
  --shadow-float:0 1px 2px #3a2f1f0f,0 12px 32px #3a2f1f1f;

  --type-figure:400 44px/48px var(--font-display);
  --type-title:400 34px/42px var(--font-display);
  --type-stat:400 30px/36px var(--font-display);
  --type-heading:600 16px/24px var(--font);
  --type-body:400 15px/22px var(--font);
  --type-label:500 14px/20px var(--font);
  --type-small:400 13px/18px var(--font);
  --lh-small:18px;
  --lh-body:22px;
  --tracking-display:-.01em;
  --tracking-ui:-.006em;

  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:48px;

  --sidebar-w:248px;
  --topbar-h:64px;
  --row-h:44px;
  --control-h:40px;
  --control-h-sm:32px;
  --content-max:1160px;
  --gutter:32px;
  --detail-w:400px;
  --chart-h:220px;
  --bar-h:8px;
  --hairline:1px;
  --rule:2px;
  --icon:18px;
  --icon-tile:32px;
  --avatar:32px;
  --avatar-lg:40px;
  --mark:8px;
  --check:18px;
  --switch-w:40px;
  --switch-h:24px;
  --knob:18px;
  --knob-inset:2px;
  --touch:44px;
  --measure:62ch;
  --auth-w:420px;
  --step:24px;
  --onboard-w:640px;

  --chart-1:#6f695f;
  --chart-2:#b0793b;
  --chart-3:#6b7f9e;
  --chart-4:#9a6a83;
  --chart-5:#8c8678;
  --chart-track:#efebe3;
  --chart-grid:#ebe6dc;
  --chart-axis:#6a645a;
}

@media (max-width:767px){
  :root{--gutter:16px;--topbar-h:56px;--type-title:400 30px/36px var(--font-display);--type-figure:400 38px/44px var(--font-display)}
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme=light]){
    color-scheme:dark;
    --bg:#1b1916;
    --surface:#24211d;
    --surface-2:#2b2824;
    --hover:#322e29;
    --line:#38342e;
    --line-strong:#565047;
    --text:#f1ece4;
    --text-2:#d3ccc1;
    --text-3:#aaa397;
    --accent:#93c4a8;
    --accent-hover:#a9d3bb;
    --accent-subtle:#283630;
    --on-accent:#13201a;
    --focus:0 0 0 3px #93c4a83d;
    --ok:#8fcda6;
    --ok-bg:#223529;
    --warn:#e3b874;
    --warn-bg:#3a2f1e;
    --bad:#ec9a8b;
    --bad-bg:#40261f;
    --info:#a4bde0;
    --info-bg:#25303f;
    --scrim:#0b0a0899;
    --knob-off:#aaa397;
    --check-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='m4.5 9 3 3 6-6' fill='none' stroke='%2313201a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --chevron-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23aaa397' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --shadow-float:0 1px 2px #0000004d,0 16px 40px #00000066;
    --chart-1:#c9c2b6;
    --chart-2:#d9a56a;
    --chart-3:#9fb2cf;
    --chart-4:#c99bb3;
    --chart-5:#a9a294;
    --chart-track:#322e29;
    --chart-grid:#332f2a;
    --chart-axis:#aaa397;
  }
}

[data-theme=dark]{
  color-scheme:dark;
  --bg:#1b1916;
  --surface:#24211d;
  --surface-2:#2b2824;
  --hover:#322e29;
  --line:#38342e;
  --line-strong:#565047;
  --text:#f1ece4;
  --text-2:#d3ccc1;
  --text-3:#aaa397;
  --accent:#93c4a8;
  --accent-hover:#a9d3bb;
  --accent-subtle:#283630;
  --on-accent:#13201a;
  --focus:0 0 0 3px #93c4a83d;
  --ok:#8fcda6;
  --ok-bg:#223529;
  --warn:#e3b874;
  --warn-bg:#3a2f1e;
  --bad:#ec9a8b;
  --bad-bg:#40261f;
  --info:#a4bde0;
  --info-bg:#25303f;
  --scrim:#0b0a0899;
  --knob-off:#aaa397;
  --check-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='m4.5 9 3 3 6-6' fill='none' stroke='%2313201a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --chevron-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23aaa397' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --shadow-float:0 1px 2px #0000004d,0 16px 40px #00000066;
  --chart-1:#c9c2b6;
  --chart-2:#d9a56a;
  --chart-3:#9fb2cf;
  --chart-4:#c99bb3;
  --chart-5:#a9a294;
  --chart-track:#322e29;
  --chart-grid:#332f2a;
  --chart-axis:#aaa397;
}

[data-theme=light]{color-scheme:light}