/**
 * Ferni Design Tokens - Cedar Night (Dark Theme)
 * For developer-facing portals
 *
 * 🎨 AUTO-GENERATED FROM design-system/tokens/
 * Do not edit directly - run: pnpm tokens:sync
 * Generated: 2026-01-06T00:49:23.414Z
 */

:root {
  /* ========================================
     COLORS - Cedar Night Theme
     ======================================== */

  /* Backgrounds */
  --bg-primary: #584840;
  --bg-secondary: #60504a;
  --bg-tertiary: #685852;
  --bg-elevated: #70605a;
  --bg-glass: rgba(230, 195, 160, 0.08);
  --bg-overlay: rgba(88, 72, 64, 0.95);
  --bg-code: #2a2420;
  --bg-code-inline: rgba(230, 195, 160, 0.12);

  /* Text */
  --text-primary: #faf6f0;
  --text-secondary: #f0ebe4;
  --text-muted: #e8e2da;
  --text-dimmed: #ddd6cc;
  --text-inverse: #2a2420;

  /* Accent - Gold */
  --accent-primary: #d4a84a;
  --accent-hover: #e0bc6a;
  --accent-pressed: #c49a3a;
  --accent-glow: rgba(212, 168, 74, 0.22);
  --accent-subtle: rgba(212, 168, 74, 0.08);
  --accent-text: #e8c870;

  /* Borders */
  --border-subtle: rgba(215, 185, 145, 0.12);
  --border-medium: rgba(215, 185, 145, 0.20);
  --border-strong: rgba(215, 185, 145, 0.30);

  /* Semantic */
  --success: #6bc48f;
  --success-glow: rgba(107, 196, 143, 0.22);
  --error: #e07575;
  --error-glow: rgba(224, 117, 117, 0.22);
  --warning: #e0b860;
  --warning-glow: rgba(224, 184, 96, 0.22);
  --info: #7da6cf;
  --info-glow: rgba(125, 166, 207, 0.22);

  /* Personas */
  --persona-ferni: #4a6741;
  --persona-ferni-glow: rgba(74, 103, 65, 0.28);
  --persona-jack: #9a7b5a;
  --persona-jack-glow: rgba(154, 123, 90, 0.28);
  --persona-peter: #3a6b73;
  --persona-peter-glow: rgba(58, 107, 115, 0.28);
  --persona-alex: #5a6b8a;
  --persona-alex-glow: rgba(90, 107, 138, 0.28);
  --persona-maya: #a67a6a;
  --persona-maya-glow: rgba(166, 122, 106, 0.28);
  --persona-jordan: #c4856a;
  --persona-jordan-glow: rgba(196, 133, 106, 0.28);
  --persona-nayan: #b8956a;
  --persona-nayan-glow: rgba(184, 149, 106, 0.28);
  --persona-eli: #6B5B95;
  --persona-eli-glow: rgba(107, 91, 149, 0.28);
  --persona-marcus: #2D5A4A;
  --persona-marcus-glow: rgba(45, 90, 74, 0.28);
  --persona-kenji: #2C3E50;
  --persona-kenji-glow: rgba(44, 62, 80, 0.28);
  --persona-carmen: #D4A373;
  --persona-carmen-glow: rgba(212, 163, 115, 0.28);
  --persona-amara: #7B6BA8;
  --persona-amara-glow: rgba(123, 107, 168, 0.28);
  --persona-sasha: #E07B53;
  --persona-sasha-glow: rgba(224, 123, 83, 0.28);
  --persona-ray: #4A5568;
  --persona-ray-glow: rgba(74, 85, 104, 0.28);

  /* ============================================
     SPACING
     ============================================ */
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-9: 2.25rem;
  --space-10: 2.5rem;
  --space-11: 2.75rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-28: 7rem;
  --space-32: 8rem;
  --space-36: 9rem;
  --space-40: 10rem;
  --space-44: 11rem;
  --space-48: 12rem;
  --space-52: 13rem;
  --space-56: 14rem;
  --space-60: 15rem;
  --space-64: 16rem;
  --space-72: 18rem;
  --space-80: 20rem;
  --space-96: 24rem;
  --space-px: 1px;
  --space-0_5: 0.125rem;
  --space-1_5: 0.375rem;
  --space-2_5: 0.625rem;
  --space-3_5: 0.875rem;

  /* ============================================
     BORDER RADIUS
     ============================================ */
  --radius-none: 0;
  --radius-xs: 0.25rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --radius-2xl: 1.5rem;
  --radius-3xl: 2rem;
  --radius-full: 9999px;

  /* ============================================
     SHADOWS
     ============================================ */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.04);
  --shadow-xl: 0 16px 32px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(0, 0, 0, 0.05);
  --shadow-2xl: 0 24px 48px rgba(0, 0, 0, 0.12), 0 12px 24px rgba(0, 0, 0, 0.06);
  --shadow-glow: 0 0 20px var(--color-accent-glow);
  --shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.04);

  /* ============================================
     TYPOGRAPHY - Fonts
     ============================================ */
  --font-_comment: All themes now use consistent brand fonts per FERNI-BRAND-GUIDELINES.md;
  --font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'SF Pro Display', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif;
  --font-accent: 'Sora', 'Plus Jakarta Sans', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', 'Fira Code', monospace;
  --font-_googleFontsImport: undefined;

  /* ============================================
     TYPOGRAPHY - Sizes
     ============================================ */
  --text-2xs: 0.625rem;
  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.9375rem;
  --text-lg: 1.0625rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;

  /* ============================================
     TYPOGRAPHY - Weights
     ============================================ */
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  /* ============================================
     ANIMATION - Easings
     ============================================ */
  --ease-linear: linear;
  --ease-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-ease-in-out-quint: cubic-bezier(0.83, 0, 0.17, 1);
  --ease-spring: cubic-bezier(0.5, 1.5, 0.5, 1);
  --ease-spring-bouncy: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --ease-smooth: cubic-bezier(0.45, 0, 0.55, 1);
  --ease-organic: cubic-bezier(0.4, 0.2, 0.2, 1.1);
  --ease-elastic: cubic-bezier(0.68, -0.6, 0.32, 1.6);
  --ease-anticipate: cubic-bezier(0.38, -0.4, 0.88, 0.65);
  --ease-decelerate: cubic-bezier(0.0, 0.0, 0.2, 1);
  --ease-gentle: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-playful: cubic-bezier(0.175, 0.885, 0.32, 1.275);

  /* ============================================
     ANIMATION - Durations
     ============================================ */
  --duration-instant: 0ms;
  --duration-fastest: 50ms;
  --duration-faster: 100ms;
  --duration-fast: 150ms;
  --duration-normal: 200ms;
  --duration-slow: 300ms;
  --duration-slower: 400ms;
  --duration-slowest: 500ms;
  --duration-deliberate: 700ms;
  --duration-dramatic: 1000ms;
  --duration-glacial: 1500ms;
  --duration-meditative: 3000ms;
  --duration-ambient: 8000ms;

  /* ========================================
     LAYOUT
     ======================================== */
  --container-max: 1280px;
  --container-narrow: 768px;
  --sidebar-width: 280px;
  --header-height: 64px;
}

/* ============================================================================
   ZEN GARDEN (LIGHT THEME) - Toggle Override
   Applied when user switches to light mode via theme toggle
   ============================================================================ */

[data-theme="zen"] {
  /* Backgrounds */
  --bg-primary: #faf8f5;
  --bg-secondary: #f5f2ed;
  --bg-tertiary: #ebe6df;
  --bg-elevated: #fffdfb;
  --bg-glass: rgba(139, 119, 91, 0.03);
  --bg-overlay: rgba(250, 248, 245, 0.95);
  --bg-code: #f5f2ed;
  --bg-code-inline: rgba(44, 37, 32, 0.06);

  /* Text */
  --text-primary: #2c2520;
  --text-secondary: #5c544a;
  --text-muted: #6b635a;
  --text-dimmed: #756a5e;
  --text-inverse: #faf8f5;

  /* Accent - Forest Green */
  --accent-primary: #3D5A45;
  --accent-hover: #4a6b52;
  --accent-pressed: #2d4535;
  --accent-glow: rgba(61, 90, 69, 0.15);
  --accent-subtle: rgba(61, 90, 69, 0.05);
  --accent-text: #3D5A45;

  /* Borders */
  --border-subtle: rgba(44, 37, 32, 0.05);
  --border-medium: rgba(44, 37, 32, 0.10);
  --border-strong: rgba(44, 37, 32, 0.18);

  /* Semantic */
  --success: #3d7a52;
  --success-glow: rgba(61, 122, 82, 0.18);
  --error: #b5453a;
  --error-glow: rgba(181, 69, 58, 0.18);
  --warning: #a67c35;
  --warning-glow: rgba(166, 124, 53, 0.18);
  --info: #3a6b9c;
  --info-glow: rgba(58, 107, 156, 0.18);
}