/* 5O7 Studio - Generated Theme Tokens (Phase 7) */
:root, :root:root {
  /* Colors */
  --c-black: #0d0d0d;
  --black: #0d0d0d;
  --bg-dark: #0d0d0d;
  --c-white: #ffffff;
  --white: #ffffff;
  --bg-light: #ffffff;
  --c-fg-light: #ffffff;
  --c-fg-dark: #262626;
  --ink-85: #262626;
  --c-muted: #b3b3b3;
  --gray-70: #b3b3b3;
  --c-gray-20: #333333;
  --gray-20: #333333;
  --c-line-dark: rgba(255, 255, 255, 0.12);
  --hairline-dark: rgba(255, 255, 255, 0.12);
  --c-line-light: rgba(0, 0, 0, 0.10);
  --hairline-light: rgba(0, 0, 0, 0.10);

  /* Fonts */
  --font-latin: "Lato", Calibri, "Segoe UI", Arial, sans-serif;
  --font-fa: "Vazirmatn", sans-serif;
  --font-ar: "IBM Plex Sans Arabic", sans-serif;

  /* Typography Scales & Weights */
  --fw-display: 300;
  --fw-heading: 400;
  --fw-body: 400;
  --fw-strong: 700;
  --fs-body: 16px;
  --fs-label: 12px;

  /* Layout & Spacing */
  --container-max: 1440px;
  --gutter: clamp(20px, 3.4vw, 48px);
  --space-section: clamp(64px, 12vh, 120px);
  --space-gap: clamp(16px, 2.5vw, 32px);
  --radius-md: 4px;

  /* Chrome & Glass */
  --glass-blur: 18px;
  --header-h: 96px;
}