/* CYGMA colors — from "CYGMA brandbook" (Colours & colour codes, 2026).
   Base palette + semantic aliases. */

:root {
  /* ── Primary ─────────────────────────────────────────── */
  --blue: #2E76FF;        /* Pantone 2727 C — electric brand blue */
  --white: #FFFFFF;
  --beige: #F2ECE7;       /* Pantone Warm Gray 1 C — warm page surface */
  --black: #000000;       /* Pantone Black 6 C */

  /* ── Secondary ───────────────────────────────────────── */
  --cyan: #83E0EF;        /* Pantone 305 C */
  --lavender: #9E8FFF;    /* Pantone 2655 C */
  --red: #EB574A;         /* Pantone 179 C */
  --green: #40B26C;       /* Pantone 2257 C */

  /* ── Accent ──────────────────────────────────────────── */
  --orange: #FF9D0B;      /* Pantone 2010 C — logo, buttons, interactive */
  --yellow: #FFED62;      /* Pantone 107 C — hover/focus ONLY on web */
  --orange-deep: #FF9100; /* tag text / small orange type */

  /* ── Gradients (vertical, light → dark) ──────────────── */
  --gradient-blue: linear-gradient(180deg, #3BB4FF 15.82%, #2E76FF 86.82%); /* @kind color */
  --gradient-orange: linear-gradient(180deg, #FFBF00 15.82%, #FF8D0B 86.82%); /* @kind color */
  --gradient-blue-from: #3BB4FF;
  --gradient-blue-to: #2E76FF;
  --gradient-orange-from: #FFBF00;
  --gradient-orange-to: #FF8D0B;

  /* ── Cappuccino overlay (strokes at various opacities) ─ */
  --cappuccino: #BEA087;
  --line-5: rgba(190, 160, 135, 0.05);
  --line-10: rgba(190, 160, 135, 0.1);
  --line-20: rgba(190, 160, 135, 0.2);   /* default hairline */
  --line-30: rgba(190, 160, 135, 0.3);
  --line-40: rgba(190, 160, 135, 0.4);
  --line-60: rgba(190, 160, 135, 0.6);
  --line-80: rgba(190, 160, 135, 0.8);   /* form field stroke */

  /* ── Ink (black at opacity) ──────────────────────────── */
  --ink: #000000;
  --ink-75: rgba(0, 0, 0, 0.75);  /* secondary body text */
  --ink-60: rgba(0, 0, 0, 0.6);
  --ink-20: rgba(0, 0, 0, 0.2);   /* drop shadows */

  /* ── Semantic aliases ────────────────────────────────── */
  --surface-page: var(--white);
  --surface-warm: var(--beige);
  --surface-card: var(--white);
  --surface-footer: var(--black);
  --text-body: var(--ink);
  --text-secondary: var(--ink-75);
  --text-on-dark: var(--white);
  --interactive: var(--orange);
  --interactive-hover: var(--yellow);   /* yellow = hover/focus state, web-exclusive */
  --hover-blue: #3287FF;
  --focus-ring: var(--yellow);
  --accent-capsule-bg: var(--cyan);     /* cyan capsule behind Venture13 words */
  --accent-capsule-text: var(--blue);
  --tag-bg: rgba(255, 157, 11, 0.1);
  --tag-stroke: rgba(255, 157, 11, 0.3);
  --tag-text: var(--orange-deep);
  --disabled-fill: rgba(220, 217, 215, 0.8);
  --disabled-stroke: rgba(184, 178, 176, 0.6);
  --disabled-text: rgba(78, 76, 74, 0.6);
}