/* Ebdrup colour system. Three brand colours from the logo files:
   purple #7850BF, coral #F6786A, cream #F9E9CE. Everything else is derived. */
:root {
  /* Purple — the brand voice */
  --purple-100: #F0E9FA;
  --purple-200: #DFD1F1;
  --purple-300: #C4ACE6;
  --purple-500: #9370D0;
  --purple-600: #7850BF; /* BRAND PRIMARY */
  --purple-700: #5C3899;
  --purple-800: #43266F;
  --purple-900: #2E1A4F;

  /* Coral — the playful accent */
  --coral-100: #FDE1DD;
  --coral-300: #FAAEA4;
  --coral-500: #F6786A; /* BRAND ACCENT */
  --coral-600: #E15A4C;
  --coral-700: #C9483B;

  /* Cream — the paper the brand lives on */
  --cream-100: #FDF8E7;
  --cream-200: #F9E9CE; /* BRAND CANVAS */
  --cream-300: #F1DBB6;
  --cream-400: #E4C994;

  /* Ink — purple-cast neutrals, never pure grey */
  --ink-900: #241733;
  --ink-700: #3E2C55;
  --ink-500: #6B5C80;
  --ink-400: #8E82A0;
  --ink-200: #CFC7DA;

  /* Semantic hues (warm, low-saturation — they must sit on cream) */
  --green-500: #2F8F6B;
  --green-100: #DDF1E8;
  --amber-500: #E8A22C;
  --amber-100: #FBEED2;

  /* ---- Semantic aliases: use these in components ---- */
  --surface-canvas: var(--cream-200);
  --surface-paper: var(--cream-100);
  --surface-card: var(--cream-100);
  --surface-sunken: var(--cream-300);
  --surface-inverse: var(--purple-800);
  --surface-accent: var(--purple-600);
  --surface-accent-soft: var(--purple-100);
  --surface-coral: var(--coral-500);
  --surface-coral-soft: var(--coral-100);

  --text-heading: var(--purple-800);
  --text-body: var(--ink-700);
  --text-muted: var(--ink-500);
  --text-faint: var(--ink-400);
  --text-on-accent: var(--cream-100);
  --text-on-coral: var(--purple-900);
  --text-link: var(--purple-600);
  --text-link-hover: var(--purple-800);

  --border-hairline: rgba(36, 23, 51, 0.10);
  --border-subtle: var(--cream-300);
  --border-strong: var(--purple-800);
  --border-accent: var(--purple-600);

  --focus-ring: var(--coral-500);

  --status-success-fg: var(--green-500);
  --status-success-bg: var(--green-100);
  --status-warning-fg: #A66A05;
  --status-warning-bg: var(--amber-100);
  --status-danger-fg: var(--coral-700);
  --status-danger-bg: var(--coral-100);
  --status-info-fg: var(--purple-700);
  --status-info-bg: var(--purple-100);

  /* Signature gradients — soft radial "blobs", copied from the brand wallpapers.
     Never a hard-edged linear purple→blue gradient. */
  --blob-purple: radial-gradient(ellipse 62% 78% at 50% 50%, #6E3FC4 0%, #A78AD8 34%, #E7D9D6 68%, var(--cream-200) 100%);
  --blob-coral: radial-gradient(ellipse 62% 78% at 50% 50%, #F4655B 0%, #F7A196 34%, #F7D9C4 68%, var(--cream-200) 100%);
}