/* Down The Cove — Colour tokens
 * A warm Cornish-coast palette: deep harbour navy, sky & sea blues, sun-bleached
 * sand and cream, with a coral/amber spark. British spelling kept for fidelity.
 */
:root {
  /* ── Brand core ───────────────────────────────────────────── */
  --ocean: #00275a;        /* primary — harbour navy */
  --ocean-dark: #10203e;   /* deepest navy, headers & ink panels */
  --ocean-deep: #082a4f;   /* footer / hero panel navy */
  --ocean-mid: #65c1dc;    /* mid sea blue */
  --ocean-light: #93e5fd;  /* sky / sea-glass blue (accent) */
  --sky: #bfefff;          /* palest sky — trust bar */

  --sand: #f5e8d0;         /* warm sand */
  --sand-light: #fef9e7;   /* sunlit sand */
  --sand-accent: #ecc79a;  /* deeper sand / driftwood-tan */
  --cream: #fefdf9;        /* page canvas */
  --driftwood: #3e3210;    /* dark brown ink */

  --coral: #f59e0b;        /* amber / coral spark */
  --mint: #90ee89;         /* fresh accent */
  --teal: #91cee0;         /* muted teal */

  /* ── Surfaces ─────────────────────────────────────────────── */
  --surface-canvas: var(--cream);
  --surface: #ffffff;
  --surface-muted: #f8fbfd;     /* faint blue-tinted panel */
  --surface-accent: #eef8fd;    /* sky-tinted panel */
  --surface-sand: #fffaf0;      /* warm panel (nav / footer) */
  --surface-ink: var(--ocean-deep);

  /* ── Borders / lines ──────────────────────────────────────── */
  --border: #e5dfd3;            /* sand-grey hairline */
  --border-cool: #d9e7e6;       /* cool hairline (nav) */
  --border-strong: #d6e7f5;     /* blue-tinted divider */
  --border-ocean: rgba(0, 39, 90, 0.08);

  /* ── Text ─────────────────────────────────────────────────── */
  --text-heading: #000000;
  --text-body: #1a3259;     /* navy-ink body */
  --text-muted: #5c6f8f;    /* slate-blue secondary */
  --text-soft: #34505a;     /* footer body */
  --text-inverse: #ffffff;
  --text-link: #0056b2;

  /* ── Semantic states ──────────────────────────────────────── */
  --success: #22591a;
  --success-bg: #eaf6e7;
  --warning: #9a6700;
  --warning-bg: #fbf1d8;
  --danger: #c2410c;
  --danger-bg: #fce9df;
  --info: #005eb8;
  --info-bg: #e6f1fb;
  --sale: #b8430b;          /* "Only N left" / price drop */

  /* ── Functional aliases (shadcn-compatible) ───────────────── */
  --background: var(--cream);
  --foreground: var(--text-heading);
  --primary: var(--ocean);
  --primary-foreground: #ffffff;
  --secondary: var(--sand);
  --secondary-foreground: #000000;
  --accent: var(--ocean-light);
  --accent-foreground: #000000;
  --muted: var(--sand);
  --muted-foreground: var(--driftwood);
  --ring: var(--ocean);

  /* ── Brand gradients ──────────────────────────────────────── */
  --gradient-navbar: linear-gradient(-15deg, #93e5fd 58%, #65c1dc 100%); /* @kind color */
  --gradient-sand-bar: linear-gradient(90deg, #fffaf0 0%, #f3fbfc 55%, #fffaf0 100%); /* @kind color */
  --gradient-footer: linear-gradient(180deg, #fffaf0 0%, #f6fbfa 38%, #cdebf4 100%); /* @kind color */
  --gradient-category: linear-gradient(0.75deg, #fffef8 2.74%, rgba(215, 152, 92, 0.22) 50.71%, #fffef8 98.68%); /* @kind color */
}