/**
 * Canalla Design System — tokens v1
 * Single source of truth for the visual language.
 */
:root {
  /* Brand */
  --canalla-color-gold: #d6b11f;
  --canalla-color-gold-dark: #c9a51c;

  /* Surfaces */
  --canalla-color-background: #111216;
  --canalla-color-background-dark: #0c0c0f;
  --canalla-color-ink: #16181c;
  --canalla-color-black: #000000;
  --canalla-color-white: #ffffff;

  /* Typography */
  --canalla-font-primary: "Poppins", sans-serif;

  /* Glass */
  --canalla-glass-bg: rgba(10, 10, 12, 0.3);
  --canalla-glass-bg-soft: rgba(10, 10, 12, 0.26);
  --canalla-glass-bg-strong: rgba(10, 10, 12, 0.46);
  --canalla-glass-border: rgba(255, 255, 255, 0.08);
  --canalla-glass-highlight: rgba(255, 255, 255, 0.05);
  --canalla-glass-blur: 12px;
  --canalla-shadow-glass: 0 10px 28px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --canalla-shadow-glass-compact: 0 8px 22px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.04);

  /* Text */
  --canalla-text-primary: rgba(255, 255, 255, 0.9);
  --canalla-text-secondary: rgba(255, 255, 255, 0.55);
  --canalla-text-muted: rgba(255, 255, 255, 0.42);

  /* Spacing scale */
  --canalla-space-2xs: 4px;
  --canalla-space-xs: 8px;
  --canalla-space-sm: 12px;
  --canalla-space-md: 16px;
  --canalla-space-lg: 24px;
  --canalla-space-xl: 32px;
  --canalla-space-2xl: 48px;

  /* Radius scale */
  --canalla-radius-sm: 12px;
  --canalla-radius-md: 18px;
  --canalla-radius-lg: 20px;
  --canalla-radius-xl: 22px;
  --canalla-radius-pill: 999px;

  /* Motion */
  --canalla-duration-fast: 0.25s;
  --canalla-duration-normal: 0.35s;
  --canalla-duration-slow: 0.6s;
  --canalla-ease-standard: ease;
}