/* frex.digital — Color System
   Brand colors extracted exactly from the logo mark:
   Orange  #FE9800   Red  #CB0000
   Base is a deep, sophisticated dark (#0B0F17) so the brand colors glow. */

:root {
  /* ---- Brand (logo-exact) ---- */
  --brand-orange: #FE9800;
  --brand-orange-rgb: 254, 152, 0; /* @kind other */
  --brand-red: #CB0000;
  --brand-red-rgb: 203, 0, 0; /* @kind other */

  /* Tints / shades of the brand for hovers, borders, glows */
  --brand-orange-bright: #FFB23E;
  --brand-orange-deep: #E07F00;
  --brand-red-bright: #F11A1A;
  --brand-red-deep: #9E0000;

  /* Signature gradient — the core brand expression */
  --brand-gradient: linear-gradient(120deg, #FE9800 0%, #FF6A00 45%, #CB0000 100%); /* @kind color */
  --brand-gradient-soft: linear-gradient(120deg, rgba(254,152,0,0.16), rgba(203,0,0,0.16)); /* @kind color */
  --brand-glow: 0 0 0 1px rgba(254,152,0,0.20), 0 18px 50px -12px rgba(254,152,0,0.45);

  /* ---- Dark base surfaces (default theme) ---- */
  --ink-900: #06080D;   /* deepest, body backdrop edges */
  --ink-800: #0B0F17;   /* primary page background */
  --ink-700: #11161F;   /* raised surface */
  --ink-600: #161C28;   /* card surface */
  --ink-500: #1E2533;   /* card surface hover / elevated */
  --ink-400: #2A3242;   /* hairline-strong / control bg */

  /* Hairlines & borders */
  --line-1: rgba(255,255,255,0.07);
  --line-2: rgba(255,255,255,0.12);
  --line-strong: rgba(255,255,255,0.22);

  /* ---- Text on dark ---- */
  --text-strong: #F7F9FC;   /* headings */
  --text-body: #C2C9D6;     /* body copy */
  --text-muted: #818B9C;    /* captions / meta */
  --text-faint: #5A6373;    /* disabled / decorative */

  /* ---- Semantic aliases ---- */
  --bg-page: var(--ink-800);
  --bg-elevated: var(--ink-700);
  --surface-card: var(--ink-600);
  --surface-card-hover: var(--ink-500);
  --surface-glass: rgba(255,255,255,0.04);
  --border-card: var(--line-1);
  --border-card-hover: var(--line-2);

  --accent: var(--brand-orange);
  --accent-contrast: #0B0F17;     /* text on a solid accent fill */
  --focus-ring: rgba(254,152,0,0.55);

  --success: #2FD98B;
  --warning: #FFB23E;
  --danger: var(--brand-red-bright);

  /* ---- Warm light / "paper" theme (primary for the marketing site) ---- */
  --paper-0: #FFFFFF;
  --paper-1: #F6F4F1;   /* page background — warm off-white */
  --paper-2: #EFEBE5;   /* raised / alt section */
  --paper-3: #E7E1D8;   /* card / control on paper */

  --ink: #14110E;       /* warm near-black — headings & body on paper */
  --ink-soft: #4B453D;  /* secondary text */
  --ink-muted: #8C8378; /* captions / meta */
  --ink-faint: #B7AEA2; /* decorative / disabled */

  --line-ink: rgba(20,17,14,0.12);
  --line-ink-soft: rgba(20,17,14,0.07);
}