:root {

  --brand-red: #f00;
  --brand-red-soft: #ff3b30;
  --brand-red-deep: #c00;
  --brand-red-darkest: #a30000;
  --brand-red-night: #6b0000;
  --on-brand-red: #fff;
  --brand-red-on-dark: #ff8078;

  --primary: #d90000;
  --primary-pressed: var(--brand-red-darkest);

  --brand-blue-soft: #2f55d4;
  --brand-blue: #1337aa;
  --brand-blue-deep: #0d2878;

  --brand-blue-on-dark: #8fa8ff;
  --on-brand-blue: #fff;

  --brand-green-soft: #9bcf45;
  --brand-green: #88c032;
  --brand-green-deep: #5f9020;
  --on-brand-green: #0f2000;

  --brand-yellow: #ffe608;
  --brand-yellow-deep: #d4be00;
  --on-brand-yellow: #262000;

  --success: #41660f;
  --success-soft: #edf6e0;
  --warning: #8a5200;
  --warning-soft: #fdf0dc;
  --on-warning: #fff;
  --danger: #a3161b;
  --danger-soft: #fbe5e6;
  --primary-soft: #fdeaea;

  --danger-on-dark: #ff8a8a;
  --danger-soft-on-dark: #33191b;
  --success-on-dark: var(--brand-green-soft);
  --success-soft-on-dark: #1b2a18;

  --fp-red: #f00;
  --fp-red-text: #d90000;

  --bg: #faf4f3;
  --surface: #fff;
  --surface-alt: #fdf7f6;
  --border: #f0dedc;
  --text: #1f1312;
  --text-muted: #6a534f;
  --text-faint: #7d6764;
  --skeleton: #f6e9e7;

  --on-dark: #fff;
  --on-dark-body: #ffe0dc;
  --on-dark-muted: rgb(255, 255, 255, 0.78);
  --on-dark-surface: rgb(255, 255, 255, 0.14);
  --on-dark-hover: rgb(255, 255, 255, 0.22);
  --on-dark-line: rgb(255, 255, 255, 0.18);
  --on-dark-edge: rgb(255, 255, 255, 0.24);
  --on-dark-edge-strong: rgb(255, 255, 255, 0.3);
  --on-dark-inset: rgb(255, 255, 255, 0.1);
  --on-dark-glow: rgb(255, 255, 255, 0.18);

  --glow-green: rgb(136, 192, 50, 0.24);
  --glow-yellow: rgb(255, 230, 8, 0.18);
  --glow-blue: rgb(47, 85, 212, 0.4);
  --pulse-ring: rgb(255, 230, 8, 0.7);
  --pulse-ring-fade: rgb(255, 230, 8, 0);

  --plate: #fff;

  --aurora-fundo: #2a0403;
  --aurora-luz: rgb(255, 60, 40, 0.55);
  --aurora-brasa: rgb(180, 0, 0, 0.75);
  --papel-fixo: #faf4f3;
  --papel-fixo-alto: #fdf7f6;
  --tinta-fixa: #1f1312;

  --device-shell-top: #2b1a1a;
  --device-shell-bottom: #0a0505;
  --shadow-device: 0 40px 90px rgb(20, 5, 5, 0.45);
  --shadow-float: 0 18px 44px rgb(20, 5, 5, 0.26);
  --shadow-toast: 0 20px 60px rgb(20, 5, 5, 0.4);

  --ink: #140a0b;
  --ink-surface: #211213;
  --ink-surface-alt: #2b191b;
  --ink-ghost: #3a2325;

  --glow-cta:
    0 0 0 1px rgb(255, 230, 8, 0.34), 0 0 26px rgb(255, 230, 8, 0.28),
    0 0 56px rgb(255, 230, 8, 0.12);
  --glow-cta-forte:
    0 0 0 1px rgb(255, 230, 8, 0.5), 0 0 34px rgb(255, 230, 8, 0.42), 0 0 74px rgb(255, 230, 8, 0.2);

  --cursor-tinta: #fff;

  --gota-tinta: #fff;
  --gota-fundo: rgb(0, 0, 0, 0.3);

  --shader-fundo: #4a0000;
  --shader-luz: #c00;

  --shadow-pill: 0 4px 14px rgb(20, 5, 5, 0.16), 0 18px 46px rgb(20, 5, 5, 0.1);

  --font: Verdana, Geneva, "DejaVu Sans", Tahoma, sans-serif;

  --peso-texto: 400;
  --peso-forte: 700;

  --font-serifa: Georgia, "Times New Roman", "DejaVu Serif", serif;

  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 20px;
  --s6: 24px;
  --s7: 32px;
  --s8: 40px;
  --s9: 56px;
  --s10: 72px;
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-pill: 999px;

  --e-sm: 0 2px 16px rgb(140, 20, 20, 0.07);
  --e-md: 0 4px 32px rgb(140, 20, 20, 0.12);
  --e-lg: 0 16px 96px rgb(140, 20, 20, 0.2);

  --t-state: 160ms;
  --t-panel: 200ms;
  --t-entrada: 820ms;
  --t-entrada-curta: 620ms;

  --ease-saida: cubic-bezier(0.22, 1, 0.36, 1);
}

:root:not([data-theme="light"]) {
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;

    --bg: #0d0708;
    --surface: #1a0f10;
    --surface-alt: #241618;
    --border: #3b2426;
    --text: #f8eeed;
    --text-muted: #c4a9a6;
    --text-faint: #a68d8a;
    --skeleton: #2a1a1b;

    --ink: #080405;
    --ink-surface: #170c0d;
    --ink-surface-alt: #1f1112;
    --ink-ghost: #331e20;
    --primary: var(--brand-red-on-dark);
    --primary-pressed: #ff9a92;

    --on-brand-red: #2b0000;
    --success: #9bcf45;
    --success-soft: #1b2a18;
    --warning: #f5a623;
    --warning-soft: #2e2312;
    --on-warning: #2b0000;
    --danger: #ff8a8a;
    --danger-soft: #33191b;
    --primary-soft: #3a1416;
    --fp-red-text: #ff8078;

    --e-sm: none;
    --e-md: none;
    --e-lg: none;
  }
}