/* ==========================================================================
   AdCrew — Color tokens
   --------------------------------------------------------------------------
   The trinity: warm CREAM canvas + signature CORAL accent + dark NAVY product
   surfaces. Never introduce a fourth surface tone. Coral is scarce on
   individual elements, generous only on full-bleed callout cards.
   ========================================================================== */

:root {
  /* --- Brand & accent ------------------------------------------------- */
  --color-primary: #cc785c;            /* signature warm coral — every primary CTA */
  --color-primary-active: #a9583e;     /* press / darker variant */
  --color-primary-disabled: #e6dfd8;   /* desaturated cream-tinted disabled */
  --color-accent-teal: #5db8a6;        /* sparingly: status dots, active connection */
  --color-accent-amber: #e8a55a;       /* category badges, inline highlights */

  /* --- Surface -------------------------------------------------------- */
  --color-canvas: #faf9f5;             /* default page floor — warm tinted cream */
  --color-surface-soft: #f5f0e8;       /* soft band backgrounds, dividers */
  --color-surface-card: #efe9de;       /* feature/content cards — one step darker */
  --color-surface-cream-strong: #e8e0d2; /* selected tabs, emphasized bands */
  --color-surface-dark: #181715;       /* code mockups, model cards, footer */
  --color-surface-dark-elevated: #252320; /* elevated cards inside dark bands */
  --color-surface-dark-soft: #1f1e1b;  /* code block bg inside dark cards */

  /* --- Hairlines ------------------------------------------------------ */
  --color-hairline: #e6dfd8;           /* 1px border on cream surfaces */
  --color-hairline-soft: #ebe6df;      /* barely-visible in-band divider */

  /* --- Text ----------------------------------------------------------- */
  --color-ink: #141413;                /* headlines + primary text, warm near-black */
  --color-body-strong: #252523;        /* lead paragraphs, emphasis */
  --color-body: #3d3d3a;               /* default running text */
  --color-muted: #6c6a64;              /* sub-headings, breadcrumbs */
  --color-muted-soft: #8e8b82;         /* captions, fine print */
  --color-on-primary: #ffffff;         /* text on coral */
  --color-on-dark: #faf9f5;            /* cream-tinted white on dark surfaces */
  --color-on-dark-soft: #a09d96;       /* footer body, secondary dark labels */

  /* --- Semantic ------------------------------------------------------- */
  --color-success: #5db872;
  --color-warning: #d4a017;
  --color-error: #c64545;

  /* --- Focus ring ----------------------------------------------------- */
  --color-focus-ring: rgba(204, 120, 92, 0.15); /* coral @ 15% */
}