/**
 * MohsenVision Brand Design Tokens v3.0
 * Personal Brand Identity for Mohsen Mahmoodzadeh
 * Cinematographer · Photographer · Video Maker
 *
 * Exclusively 3-color foundational system:
 * 1. Charcoal Black (#141312) — Primary Canvas
 * 2. Copper (#C87548)         — Signature Metallic & Accent
 * 3. Shell White (#F5F1E9)     — Light Contrast Typography
 */

:root {
  /* Core Brand Colors */
  --color-charcoal-black: #141312;
  --color-copper: #C87548;
  --color-shell-white: #F5F1E9;

  /* Color Variations & Surface Levels */
  --color-charcoal-dark: #0D0C0B;
  --color-charcoal-surface: #1E1D1B;
  --color-charcoal-card: #252321;
  --color-charcoal-border: #2C2926;

  --color-copper-light: #D4855A;
  --color-copper-hover: #DF956C;
  --color-copper-deep: #A85A32;
  --color-copper-subtle: rgba(200, 117, 72, 0.12);
  --color-copper-border: rgba(200, 117, 72, 0.28);
  --color-copper-glow: rgba(200, 117, 72, 0.35);

  --color-text-primary: #F5F1E9;
  --color-text-secondary: #B8B2A8;
  --color-text-muted: #8E887F;
  --color-text-dim: #6B665E;

  /* Typography */
  --font-primary: 'Comfortaa', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-persian: 'Vazirmatn Local', 'Vazirmatn', -apple-system, Tahoma, Arial, sans-serif;

  /* Standard Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* Transitions */
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}