@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&display=swap');

/*
 * tokens.css — Design system tokens for Orchid / Condocora platform
 *
 * This is the single source of truth for all design tokens.
 * Load this stylesheet before any inline <style> blocks.
 * Controllers should reference these variables rather than hardcoding values.
 */

:root {

  /* ─── Colours ────────────────────────────────────────────── */

  /* App primary */
  --color-primary:       #18293D;
  --color-primary-hover: #2C5F7A;

  /* Semantic / status */
  --color-danger:        #dc3545;
  --color-success:       #198754;
  --color-warning:       #ffc107;

  /* Soft amber banner pair — use together for notices that need a full card
     (bg + accent on border/button). Distinct from --color-warning above,
     which is the saturated accent used on badges, 1-px borders, and
     standalone .btn-warning backgrounds. */
  --color-warning-bg:     #fff8e1;
  --color-warning-accent: #f5a623;

  /* Brand palette (Condocora / landing) */
  --color-navy:          #18293D;
  --color-ocean:         #2C5F7A;
  --color-gold:          #B8955A;
  --color-gold-dark:     #7A5C28;  /* for gold text on light backgrounds — WCAG AA */
  --color-gold-light:    #D4B07A;
  --color-cream:         #FDFBF7;
  --color-sand:          #F5F0E8;

  /* Neutral text */
  --color-text:          #1C2B3A;
  --color-muted:         #6b6b6b;  /* WCAG AA on white (5.33:1) and light grey (4.9:1) */

  /* Borders & backgrounds */
  --color-border:        #dee2e6;
  --color-bg-light:      #f8f9fa;
  --color-bg-subtle:     #f5f5f5;
  --color-white:         #ffffff;

  /* Accent */
  --color-purple-announcement: #7F77DD;


  /* ─── Typography ────────────────────────────────────────── */

  --font-sans:  'DM Sans', Arial, sans-serif;
  --font-serif: 'Cormorant Garamond', Georgia, serif;


  /* ─── Border radius ─────────────────────────────────────── */

  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-pill: 20px;


  /* ─── Shadows ───────────────────────────────────────────── */

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg: 0 8px 32px color-mix(in srgb, var(--color-navy) 12%, transparent);

}

body {
  font-family: var(--font-sans);
}