/*
 * AWABIHARI V2 — Global Design Tokens
 *
 * Edit this file only when changing:
 * colours, fonts, spacing, radius, shadows,
 * glass strength or animation timing.
 */

:root {
  color-scheme: dark;

  /* Brand */
  --v2-bg: #050706;
  --v2-bg-soft: #0a0d0b;
  --v2-bg-elevated: #101411;

  --v2-text: #f7f4ed;
  --v2-text-soft: rgba(247, 244, 237, 0.72);
  --v2-text-faint: rgba(247, 244, 237, 0.48);

  --v2-gold: #d6b873;
  --v2-gold-light: #f0dda7;
  --v2-gold-dark: #8f713a;

  --v2-green: #183f32;
  --v2-success: #6ed6a0;
  --v2-danger: #ef6b6b;

  /* Surface */
  --v2-surface: rgba(255, 255, 255, 0.065);
  --v2-surface-strong: rgba(255, 255, 255, 0.11);

  --v2-border-subtle: rgba(255, 255, 255, 0.1);
  --v2-border-medium: rgba(255, 255, 255, 0.18);
  --v2-border-gold: rgba(214, 184, 115, 0.45);

  /* Typography */
  --v2-font-sans:
    "Outfit",
    Arial,
    Helvetica,
    sans-serif;

  --v2-font-display:
    "Cormorant Garamond",
    Georgia,
    "Times New Roman",
    serif;

  --v2-text-xs: 0.75rem;
  --v2-text-sm: 0.875rem;
  --v2-text-base: 1rem;
  --v2-text-lg: 1.125rem;
  --v2-text-xl: 1.375rem;

  --v2-heading-sm: clamp(2.25rem, 5vw, 4.75rem);
  --v2-heading-lg: clamp(3.5rem, 8vw, 8.5rem);

  /* Layout */
  --v2-container: 1440px;
  --v2-content: 1180px;
  --v2-reading: 720px;

  --v2-page-padding: clamp(1rem, 3vw, 3rem);
  --v2-section-space: clamp(5rem, 10vw, 10rem);

  /* Radius */
  --v2-radius-sm: 0.75rem;
  --v2-radius-md: 1.25rem;
  --v2-radius-lg: 2rem;
  --v2-radius-pill: 999px;

  /* Shadows */
  --v2-shadow-soft:
    0 20px 70px rgba(0, 0, 0, 0.25);

  --v2-shadow-deep:
    0 35px 100px rgba(0, 0, 0, 0.45);

  --v2-shadow-gold:
    0 20px 80px rgba(214, 184, 115, 0.14);

  /* Glass */
  --v2-glass-bg:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.105),
      rgba(255, 255, 255, 0.035)
    );

  --v2-glass-blur: 24px;

  /* Motion */
  --v2-duration-fast: 180ms;
  --v2-duration-normal: 350ms;
  --v2-duration-slow: 700ms;

  --v2-ease-standard:
    cubic-bezier(0.22, 1, 0.36, 1);

  --v2-ease-emphasized:
    cubic-bezier(0.16, 1, 0.3, 1);

  /* Layers */
  --v2-z-background: -1;
  --v2-z-content: 1;
  --v2-z-header: 100;
  --v2-z-menu: 200;
  --v2-z-modal: 500;
  --v2-z-cursor: 1000;
}