/**
 * Eden CSS - Design Tokens
 *
 * ⚠️  AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
 *
 * This file is generated from src/edencss/tokens.json
 * Run `npm run tokens:build` to regenerate
 *
 * These CSS custom properties define the visual language of Eden.
 * They can be used in any app or component.
 */

:root {
  --eden-color-bg-primary: #151518;
  --eden-color-bg-secondary: #252529;
  --eden-color-bg-glass-light: rgba(255, 255, 255, 0.04);
  --eden-color-bg-glass-medium: rgba(255, 255, 255, 0.08);
  --eden-color-bg-glass-strong: rgba(18, 24, 42, 0.55);
  --eden-color-bg-overlay: rgba(8, 12, 24, 0.62);
  --eden-color-bg-dark: rgba(0, 0, 0, 0.04);
  --eden-color-surface-primary: #1e1e2e;
  --eden-color-surface-secondary: #2d2d44;
  --eden-color-surface-tertiary: #3d3d5c;
  --eden-color-surface-elevated: rgba(255, 255, 255, 0.06);
  --eden-color-surface-hover: rgba(255, 255, 255, 0.12);
  --eden-color-surface-active: rgba(255, 255, 255, 0.18);
  --eden-color-text-primary: rgba(239, 244, 255, 0.96);
  --eden-color-text-secondary: rgba(234, 234, 234, 0.95);
  --eden-color-text-tertiary: rgba(189, 189, 189, 0.9);
  --eden-color-text-muted: rgba(255, 255, 255, 0.6);
  --eden-color-text-inverse: #1a1a1a;
  --eden-color-text-on-dark: #ffffff;
  --eden-color-accent-primary: #4a9eff;
  --eden-color-accent-primary-hover: #5ca8ff;
  --eden-color-accent-primary-active: #3b8ee8;
  --eden-color-accent-blue: rgb(82, 163, 255);
  --eden-color-accent-blue-dark: rgb(54, 123, 255);
  --eden-color-accent-purple: #667eea;
  --eden-color-accent-purple-light: #7c92f0;
  --eden-color-success: #51cf66;
  --eden-color-success-hover: #69db7c;
  --eden-color-danger: #ff3b30;
  --eden-color-danger-hover: #ff6b6b;
  --eden-color-danger-bg: rgba(255, 59, 48, 0.1);
  --eden-color-warning: #ffd93d;
  --eden-color-info: #4dabf7;
  --eden-color-border-light: rgba(255, 255, 255, 0.06);
  --eden-color-border-medium: rgba(255, 255, 255, 0.12);
  --eden-color-border-dark: rgba(0, 0, 0, 0.1);
  --eden-color-border-separator: rgba(255, 255, 255, 0.18);
  --eden-space-xs: 4px;
  --eden-space-sm: 8px;
  --eden-space-md: 16px;
  --eden-space-lg: 24px;
  --eden-space-xl: 36px;
  --eden-space-2xl: 48px;
  --eden-space-3xl: 64px;
  --eden-radius-xs: 6px;
  --eden-radius-sm: 10px;
  --eden-radius-md: 14px;
  --eden-radius-lg: 18px;
  --eden-radius-xl: 20px;
  --eden-radius-2xl: 28px;
  --eden-radius-round: 50%;
  --eden-shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.3);
  --eden-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.5);
  --eden-shadow-md: 0 8px 20px rgba(0, 0, 0, 0.28);
  --eden-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.3);
  --eden-shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.3);
  --eden-shadow-2xl: 0 28px 80px rgba(0, 0, 0, 0.45);
  --eden-shadow-inner: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  --eden-glass-light: blur(10px) saturate(120%);
  --eden-glass-medium: blur(18px) saturate(140%);
  --eden-glass-strong: blur(26px) saturate(160%);
  --eden-glass-ultra: blur(34px) saturate(170%);
  --eden-font-family-base:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
    Cantarell, sans-serif;
  --eden-font-family-mono:
    "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New",
    monospace;
  --eden-font-size-xs: 10px;
  --eden-font-size-sm: 11px;
  --eden-font-size-base: 13px;
  --eden-font-size-md: 14px;
  --eden-font-size-lg: 16px;
  --eden-font-size-xl: 18px;
  --eden-font-size-2xl: 24px;
  --eden-font-size-3xl: 32px;
  --eden-font-size-4xl: 48px;
  --eden-font-weight-normal: 400;
  --eden-font-weight-medium: 500;
  --eden-font-weight-semibold: 600;
  --eden-font-weight-bold: 700;
  --eden-font-line-height-tight: 1.2;
  --eden-font-line-height-normal: 1.5;
  --eden-font-line-height-relaxed: 1.75;
  --eden-font-letter-spacing-tight: -0.6px;
  --eden-font-letter-spacing-normal: -0.2px;
  --eden-font-letter-spacing-wide: 0.1px;
  --eden-transition-fast: 0.15s ease;
  --eden-transition-base: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --eden-transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --eden-transition-bounce: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --eden-transition-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --eden-transition-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --eden-transition-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --eden-z-base: 0;
  --eden-z-dropdown: 100;
  --eden-z-sticky: 200;
  --eden-z-overlay: 1000;
  --eden-z-modal: 2000;
  --eden-z-popover: 2001;
  --eden-z-tooltip: 3000;
  --eden-layout-dock-height: 72px;
  --eden-layout-icon-size-sm: 24px;
  --eden-layout-icon-size-md: 40px;
  --eden-layout-icon-size-lg: 64px;
  --eden-layout-icon-size-xl: 88px;
  --eden-duration-instant: 0.1s;
  --eden-duration-fast: 0.15s;
  --eden-duration-normal: 0.22s;
  --eden-duration-slow: 0.32s;
  --eden-duration-slower: 0.5s;
}