/* ============================================================
   PATENTSIEVE — brand palette over the shared Filament tokens
   Ember accent · steel-blue metadata. Loaded after app.css or
   tailwind.css (papers/_brand_head.html), so each rule mirrors the
   base selector and wins by order. Components never change: only
   the tokens do. Contrast notes are measured on --bg.
   ============================================================ */

:root {
  /* app.css tokens */
  --brand: #c03d05;          /* 5.1:1 as text */
  --brand-hover: #a83504;
  --brand-active: #8f2d04;
  --brand-ink: #ffffff;      /* 5.4:1 on the ember fill */
  --brand-rgb: 192, 61, 5;
  --brand-tint: #fbeee6;
  --brand-tint-strong: rgba(var(--brand-rgb), 0.18);
  --brand-border: rgba(var(--brand-rgb), 0.35);
  --steel: #435875;          /* 6.9:1 as text */
  --steel-ink: #ffffff;
  --steel-tint: rgba(67, 88, 117, 0.10);
  --chart-1: #d9520b;
  --chart-2: #4c6fa6;
  --chart-3: #9a5b8f;
  --chart-4: #557f63;
  --chart-5: #c29a3b;

  /* tailwind.css theme tokens (marketing, legal and sign-in pages) */
  --color-accent: #c03d05;
  --color-accent-dark: #a83504;
  --color-accent-soft: #fbeee6;
  --color-accent-ink: #ffffff;
  --color-signal: #435875;
  --color-steel: #435875;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand: #ff6a2b;          /* 6.7:1 as text */
    --brand-hover: #ff7b42;
    --brand-active: #f55d1e;
    --brand-ink: #1b0c03;      /* ember fill with near-black ink */
    --brand-rgb: 255, 106, 43;
    --brand-tint: rgba(var(--brand-rgb), 0.12);
    --brand-tint-strong: rgba(var(--brand-rgb), 0.22);
    --brand-border: rgba(var(--brand-rgb), 0.40);
    --steel: #8fa8cc;
    --steel-ink: #0e1420;
    --steel-tint: rgba(143, 168, 204, 0.12);
    --chart-1: #ff7b42;
    --chart-2: #7d9bd0;
    --chart-3: #c287b5;
    --chart-4: #7dab8d;
    --chart-5: #d9b25e;

    --color-accent: #ff6a2b;
    --color-accent-dark: #ff7b42;
    --color-accent-soft: rgba(255, 106, 43, 0.12);
    --color-accent-ink: #1b0c03;
    --color-signal: #8fa8cc;
    --color-steel: #8fa8cc;
  }
}

/* The app header mark is the letter P on ember, not the funnel glyph. */
.brand-mark {
  font-family: var(--font-display);
  font-size: 15px;
}
.brand-mark::before {
  content: none;
}