/**
 * HearHerOutOfficial - Brand Design System Variables & Tokens
 * Primary Palette Inspired by Original Hear Her Out Instagram Identity:
 * - Deep Purple: #5B2A86
 * - Royal Purple: #7137A8
 * - Lavender: #BFA2DB
 * - Soft Lilac: #E4D4F4
 * - Very Light Lavender: #F8F4FC
 * - White: #FFFFFF
 */

:root {
  /* Brand Core Palette */
  --purple-deep: #5b2a86;        /* Primary Deep Purple */
  --purple-royal: #7137a8;       /* Primary Royal Purple */
  --purple-lavender: #bfa2db;    /* Lavender */
  --purple-lilac: #e4d4f4;       /* Soft Lilac */
  --purple-light: #f8f4fc;       /* Very Light Lavender Background */
  --white: #ffffff;
  --black: #000000;

  /* Rich Tonal Scale (Derived from the core palette) */
  --purple-950: #1b0a2e;        /* Deepest dark plum for footer / high-contrast elements */
  --purple-900: #2c1245;        /* Deep plum text */
  --purple-850: #3e1a61;        /* Editorial headers */
  --purple-800: #5b2a86;        /* Deep Purple (Requested #5B2A86) */
  --purple-700: #7137a8;        /* Royal Purple (Requested #7137A8) */
  --purple-600: #8848c2;        /* Vibrant Royal Hover */
  --purple-500: #a26fd8;        /* Accent Purple */
  --purple-400: #bfa2db;        /* Lavender (Requested #BFA2DB) */
  --purple-300: #d3bded;        /* Mid Lilac */
  --purple-200: #e4d4f4;        /* Soft Lilac (Requested #E4D4F4) */
  --purple-150: #ede0fa;        /* Delicate Lilac */
  --purple-100: #f4ecfb;        /* Light Lavender Fill */
  --purple-50:  #f8f4fc;        /* Very Light Lavender (Requested #F8F4FC) */

  /* Neutral Background Canvas & Surfaces */
  --bg-canvas: #f8f4fc;         /* Light, airy, calming background */
  --bg-surface: #ffffff;        /* Pure white cards */
  --bg-surface-elevated: #ffffff;
  --bg-subtle: #f4ecfb;         /* Alternating section fill */
  --bg-pure-white: #ffffff;     /* Crisp white section */
  --bg-glass: rgba(255, 255, 255, 0.82);
  --bg-glass-lavender: rgba(248, 244, 252, 0.85);

  /* Accessible Text Palette (WCAG 2.1 AAA Compliant on Light) */
  --text-primary: #210d36;      /* Deep rich purple-black: 13.9:1 on white */
  --text-secondary: #48345c;    /* Readable plum: 7.6:1 on white */
  --text-muted: #6f5885;        /* Muted reading: 4.8:1 on white */
  --text-inverse: #ffffff;      /* White text on deep purple */
  --text-inverse-muted: #e4d4f4;

  /* Borders & Dividers */
  --border-subtle: #ebdff7;
  --border-medium: #d9c5f0;
  --border-strong: #bfa2db;
  --border-focus: #7137a8;

  /* Semantic Urgency & Safety Status */
  --emergency-red: #c9183b;       /* High-visibility crisis action */
  --emergency-red-hover: #a80f2d;
  --emergency-red-light: #fff1f3;
  --emergency-red-border: #f8c2cb;

  --safe-green: #0d8253;          /* Verified, secure status indicator */
  --safe-green-light: #ecfdf3;
  --safe-green-border: #a6f4c5;

  /* Gingham Pattern Accent Tokens */
  --gingham-base: #f8f4fc;
  --gingham-line-1: rgba(191, 162, 219, 0.28);
  --gingham-line-2: rgba(162, 111, 216, 0.24);

  /* Typography */
  --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, Menlo, monospace;

  /* Refined Soft Shadows */
  --shadow-xs: 0 1px 3px rgba(44, 18, 69, 0.04);
  --shadow-sm: 0 4px 12px rgba(44, 18, 69, 0.05);
  --shadow-md: 0 10px 28px rgba(44, 18, 69, 0.07);
  --shadow-lg: 0 18px 45px rgba(44, 18, 69, 0.10);
  --shadow-xl: 0 28px 65px rgba(44, 18, 69, 0.14);
  --shadow-purple-glow: 0 0 35px rgba(113, 55, 168, 0.22);
  --shadow-glass: 0 8px 32px rgba(91, 42, 134, 0.08);

  /* Border Radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-2xl: 44px;
  --radius-pill: 9999px;

  /* Layout */
  --container-max: 1240px;
  --container-narrow: 860px;
  --header-height: 80px;

  /* Transitions */
  --transition-fast: 180ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 280ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 450ms cubic-bezier(0.16, 1, 0.3, 1);
}

/* Camouflage Mode (Discreet Study Notes Disguise) */
body.discretion-active {
  --purple-950: #1a1a1a;
  --purple-900: #2d2d2d;
  --purple-850: #333333;
  --purple-800: #475569;
  --purple-700: #64748b;
  --purple-lavender: #cbd5e1;
  --purple-lilac: #e2e8f0;
  --purple-light: #f8fafc;
  --bg-canvas: #f8fafc;
  --bg-surface: #ffffff;
  --bg-subtle: #f1f5f9;
  --text-primary: #1e293b;
  --text-secondary: #334155;
  --text-muted: #64748b;
  --emergency-red: #475569;
  --font-heading: 'Plus Jakarta Sans', system-ui, sans-serif;
}