:root {
  /* Main backgrounds */
  --ronin-bg: #F6F1E7;
  --ronin-surface: #EFE7D8;
  --ronin-surface-soft: #F1EADF;
  --ronin-surface-strong: #E9DFC9;
  --ronin-surface-hover: #E3D6BA;

  /* Text */
  --ronin-ink: #141414;
  --ronin-text: #1A1A1A;
  --ronin-charcoal: #2B2B2B;
  --ronin-text-secondary: #5E574D;
  --ronin-text-muted: #7B746B;

  /* Borders */
  --ronin-border: #D9CFBC;
  --ronin-border-strong: #C5B79B;
  --ronin-neutral: #8E846F;
  --ronin-sand: #CDBA93;

  /* Accents */
  --ronin-gold: #9E7B3B;
  --ronin-gold-active: #C49A3A;
  --ronin-gold-light: #E5D39D;

  /* Trading states */
  --ronin-positive: #2B2B2B;
  --ronin-negative: #6A4B3C;
  --ronin-warning: #9E7B3B;

  /* Charts */
  --ronin-chart-grid: #D9CFBC;
  --ronin-chart-line: #3A3A3A;
  --ronin-entry: #9E7B3B;
  --ronin-stop: #6A4B3C;
  --ronin-target: #B08A42;
  --ronin-pullback: #D8C9AA;

  /* Compatibility layer */
  --bg-base: var(--ronin-bg);
  --bg-surface: var(--ronin-surface);
  --bg-surface-soft: var(--ronin-surface-soft);
  --bg-elevated: var(--ronin-surface-strong);
  --bg-hover: var(--ronin-surface-hover);

  --border-subtle: var(--ronin-border);
  --border-default: var(--ronin-border);
  --border-strong: var(--ronin-border-strong);

  --text-primary: var(--ronin-text);
  --text-secondary: var(--ronin-text-secondary);
  --text-muted: var(--ronin-text-muted);
  --text-inverse: var(--ronin-bg);

  --primary: var(--ronin-gold);
  --primary-hover: var(--ronin-gold-active);
  --primary-muted: rgba(158, 123, 59, 0.14);

  --success: var(--ronin-positive);
  --success-hover: var(--ronin-ink);
  --success-muted: rgba(43, 43, 43, 0.08);

  --warning: var(--ronin-warning);
  --warning-hover: var(--ronin-gold-active);
  --warning-muted: rgba(158, 123, 59, 0.12);

  --danger: var(--ronin-negative);
  --danger-hover: #5A3F32;
  --danger-muted: rgba(106, 75, 60, 0.12);

  --table-header-bg: var(--ronin-surface-strong);

  --chart-bg: var(--ronin-bg);
  --chart-panel: var(--ronin-surface);
  --chart-grid: var(--ronin-chart-grid);
  --chart-equity: var(--ronin-chart-line);
  --chart-drawdown: var(--ronin-stop);
  --chart-secondary: var(--ronin-neutral);
  --chart-highlight: var(--ronin-gold);

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --text-3xl: 2.75rem;

  --font-light: 300;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  --leading-tight: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  --header-height: 64px;
  --panel-gap: var(--space-5);
  --card-padding: var(--space-5);

  --border-radius-sm: 6px;
  --border-radius: 8px;
  --border-radius-lg: 10px;
  --border-radius-xl: 14px;

  --shadow-sm: 0 1px 3px rgba(20, 20, 20, 0.05);
  --shadow-md: 0 2px 8px rgba(20, 20, 20, 0.06);
  --shadow-lg: 0 10px 24px rgba(20, 20, 20, 0.08);

  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
  --transition-slow: 300ms ease;

  --z-base: 0;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-tooltip: 250;
  --z-modal: 300;
  --z-toast: 400;
}