/* SWB Consulting — Color tokens
   Sampled from uploads/Gradient orange til beige.png and the reference slide.
   Warm, hand-mixed sunset/terracotta palette — never blue/purple "tech" gradients. */

:root {
  /* ---- Base palette ---- */
  --swb-sand-100: #F2EBE0;   /* lightest cream, backgrounds/cards */
  --swb-sand-200: #E4DACB;   /* light greige */
  --swb-sand-300: #D3C1B2;   /* gradient start (sampled top-left) */
  --swb-sand-400: #CDC3B7;   /* muted greige, slide backgrounds */

  --swb-coral-100: #F0B79A;  /* light coral tint */
  --swb-coral-300: #EB622B;  /* gradient mid-right (sampled) */
  --swb-coral-500: #E8571A;  /* primary brand coral/orange */
  --swb-coral-700: #C6431A;  /* deep coral, pressed/shadow */
  --swb-coral-900: #8C2E12;  /* deepest, for text-on-light emphasis */

  --swb-ink-900: #1A1816;    /* near-black, primary text / logo */
  --swb-ink-700: #2B2A28;    /* body text on light */
  --swb-ink-500: #565049;    /* secondary text, captions */
  --swb-ink-300: #8A8378;    /* muted / disabled */

  --swb-white: #FFFFFF;
  --swb-black: #000000;

  /* ---- Semantic aliases ---- */
  --color-bg-page: var(--swb-sand-200);
  --color-bg-card: var(--swb-sand-100);
  --color-bg-inverse: var(--swb-ink-900);

  --color-brand-primary: var(--swb-coral-500);
  --color-brand-primary-hover: var(--swb-coral-700);
  --color-brand-primary-press: var(--swb-coral-900);

  --color-text-primary: var(--swb-ink-900);
  --color-text-secondary: var(--swb-ink-500);
  --color-text-on-brand: var(--swb-white);
  --color-text-on-dark: var(--swb-sand-100);

  --color-border-subtle: color-mix(in oklch, var(--swb-ink-900) 12%, transparent);
  --color-border-dotted: var(--swb-ink-900);

  /* Signature gradient: beige is the dominant field (~65%), coral only takes over
     late and builds to full saturation right at the edge. */
  --gradient-signature: linear-gradient(100deg, var(--swb-sand-300) 0%, var(--swb-sand-400) 60%, var(--swb-coral-100) 72%, var(--swb-coral-300) 86%, var(--swb-coral-500) 100%);
  --gradient-signature-steep: linear-gradient(105deg, var(--swb-sand-300) 0%, var(--swb-sand-400) 65%, var(--swb-coral-300) 80%, var(--swb-coral-500) 92%, var(--swb-coral-700) 100%);
}