/* BYLD Wealth — Base Reset & Design Tokens
   Shared across all 171 screens. Single source of truth for :root vars.
   ================================================================== */

/* SECURITY: Self-host fonts in production. Google Fonts cannot use SRI integrity attributes with @import. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Montserrat:wght@400;500;600;700&family=Playfair+Display:wght@400;600;700&display=swap');

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  /* Brand */
  --master: #000000;
  --gold: #C49A3C;
  --gold-light: #F5E6C8;
  --gold-mid: #E0C17A;
  --gold-dark: #9B7A2F;
  --gold-gradient: linear-gradient(135deg, #E0C17A, #C49A3C, #9B7A2F);
  --gold-glow: 0 4px 16px rgba(196,154,60,0.3);

  /* Brand Accent — chartreuse/lime from brand book cover (growth leaf) */
  --brand-accent: #C8E600;

  /* Sub-brand references (overridden by tier CSS) */
  --edge: #5D4749;
  --core: #034F93;
  --legacy: #550372;

  /* Semantic */
  --success: #16A34A;
  --error: #DC2626;
  --amber: #F59E0B;

  /* Neutrals */
  --white: #FFFFFF;
  --gray-50: #F9FAFB;
  --gray-100: #F3F4F6;
  --gray-200: #E5E7EB;
  --gray-300: #D1D5DB;
  --gray-400: #9CA3AF;
  --gray-500: #6B7280;
  --gray-600: #4B5563;
  --gray-700: #374151;
  --gray-800: #1F2937;
  --gray-900: #111827;
  --black: #0A0A0A;

  /* Typography */
  --font-head: 'Montserrat', sans-serif;
  --font-serif: 'Playfair Display', serif;
  --font-body: 'DM Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Spacing / Radii */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* Glass */
  --glass-bg: rgba(255,255,255,0.03);
  --glass-border: 1px solid rgba(255,255,255,0.06);
  --glass-elevated: rgba(255,255,255,0.06);
  --glass-bg-strong: rgba(255,255,255,0.10);
  --glass-blur: blur(20px);
}

/* Keyboard focus indicator — WCAG 2.4.11 Focus Appearance */
:focus-visible {
  outline: 2px solid var(--gold-mid);
  outline-offset: 3px;
  border-radius: 4px;
}