/* ── CLAJAMA Block Design Variables — v2 (AEON Design Acquisition) ── */
/* Design tokens match AEON's thermodynamic minimalism + gold palette */

:root {
  /* ── Font ── */
  --font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --font-weight-heading: 300;
  --font-weight-body: 300;
  --font-weight-label: 400;

  /* ── Color Tokens (AEON gold palette) ── */
  --color-base: #030406;
  --color-surface: #070a10;
  --color-raised: #0b0d12;
  --color-accent: #c4a86a;
  --color-accent-hover: #d8bd82;
  --color-accent-tint: rgba(196, 169, 110, 0.08);
  --color-text-primary: rgba(255, 255, 255, 0.92);
  --color-text-secondary: rgba(255, 255, 255, 0.55);
  --color-text-muted: rgba(255, 255, 255, 0.25);
  --color-border: rgba(196, 169, 110, 0.10);
  --color-border-subtle: rgba(196, 169, 110, 0.06);
  --color-status-green: #3ae878;
  --color-status-red: #ff5a6e;

  /* ── Border Radius ── */
  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* ── Typography Scale ── */
  --font-size-display: 64px;
  --font-size-h1: 36px;
  --font-size-h2: 26px;
  --font-size-h3: 20px;
  --font-size-body: 15px;
  --font-size-small: 13px;
  --font-size-label: 10px;
  --font-size-caption: 10px;

  /* ── Letter Spacing ── */
  --letter-spacing-display: -0.03em;
  --letter-spacing-h1: -0.02em;
  --letter-spacing-h2: -0.01em;
  --letter-spacing-label: 0.06em;
  --letter-spacing-caption: 0.1em;

  --line-height-body: 1.8;
}