/* ============================================================
   AVATAR STUDIO — Design Tokens
   Toate variabilele globale CSS sunt definite aici.
   Nu adăuga proprietăți specifice de componentă în acest fișier.
   ============================================================ */

:root {
  /* ── Culori de fundal ── */
  --bg: #0f0f0f;
  --bg-card: #1a1a1a;
  --bg-surface: #141414;

  /* ── Accent (portocaliu logo) ── */
  --accent: #f6af1d;
  --accent-hover: #e09c10;
  --accent-rgb: 246, 175, 29; /* pentru rgba() */

  /* ── Text ── */
  --text: #f0ece6;
  --text-muted: #9a9087;
  --text-dark: #0f0f0f;

  /* ── Borduri ── */
  --border: #2a2520;
  --border-light: #222222;

  /* ── Tipografie ── */
  --font-heading: "Inter", system-ui, -apple-system, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;

  /* ── Spațiere ── */
  --section-pad: clamp(18px, 2.5vw, 40px);
  --max-width: 1280px;
  --gutter: clamp(16px, 4vw, 40px);

  /* ── Forme ── */
  --radius: 4px;
  --radius-lg: 8px;

  /* ── Tranziții ── */
  --transition: 0.3s ease;
  --transition-slow: 0.5s ease;
  --transition-fast: 0.15s ease;

  /* ── Umbre ── */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.07);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.15);

  /* ── Z-index stratificat ── */
  --z-base: 1;
  --z-overlay: 10;
  --z-modal: 100;
  --z-header: 200;
  --z-toast: 300;
}