/**
 * FUTURO | Studio & Athletic Club — Design Tokens v2
 * Fitness-Wellness & Architectural Aesthetic
 * Inspired by FIT8 & contemporary studio design
 */

:root {
  /* Warm Stone & Linen Canvas (Fitness-Wellness Primary) */
  --color-canvas-stone: #EDEAE3;
  --color-canvas-stone-light: #F7F5EF;
  --color-canvas-stone-muted: #DFDBD1;
  --color-surface-stone-card: #E4E0D6;
  --color-surface-stone-card-hover: #DDD8CD;
  --border-stone: rgba(18, 18, 17, 0.08);
  --border-stone-strong: rgba(18, 18, 17, 0.16);

  /* Warm Charcoal & Architectural Graphite (Contrast & Photo Cards) */
  --color-canvas-dark: #121211;
  --color-surface-dark: #181817;
  --color-surface-dark-card: #20201E;
  --color-surface-dark-subtle: #2A2A28;
  --border-dark: rgba(255, 255, 255, 0.08);
  --border-dark-hover: rgba(255, 255, 255, 0.18);

  /* Typography Colors */
  --color-ink-dark: #121211;
  --color-ink-dark-muted: #5C5B56;
  --color-ink-dark-subtle: #8A8880;

  --color-ink-light: #F7F6F3;
  --color-ink-light-muted: #9E9C95;
  --color-ink-light-subtle: #6E6D67;

  /* Accent Highlight (Restrained, organic lime-chartreuse & pure contrast) */
  --color-accent-lime: #D6FF38;
  --color-accent-lime-hover: #C5F225;
  --color-accent-lime-muted: rgba(214, 255, 56, 0.14);
  --color-accent-olive: #6B7B34;

  /* Typography Stacks */
  --font-sans: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'Geist Mono', 'Space Mono', monospace;

  /* Radiuses (Curved Squircles, modern device-like smooth corners) */
  --radius-xs: 4px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-card: 24px;
  --radius-card-lg: 32px;
  --radius-pill: 9999px;

  /* Spacing Scale */
  --space-2xs: 0.375rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.25rem;
  --space-xl: 3.5rem;
  --space-2xl: 5.5rem;
  --space-3xl: 7.5rem;
  --bento-gap: 1.25rem;

  /* Elevations & Shadows */
  --shadow-subtle: 0 4px 20px rgba(18, 18, 17, 0.04);
  --shadow-card: 0 16px 44px rgba(18, 18, 17, 0.07);
  --shadow-hover: 0 20px 50px rgba(18, 18, 17, 0.12);

  /* Containers & Heights */
  --container-max: 1320px;
  --header-height: 76px;

  /* Motion & Easing */
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.2s var(--ease-spring);
  --transition-smooth: 0.4s var(--ease-spring);
}