/* ─── variables.css ───────────────────────────────────────────────────
 * Revenue Wave — Core Design Tokens & Custom Properties
 * ────────────────────────────────────────────────────────────────────── */

:root {
  /* Colors */
  --color-canvas: #ffffff;
  --color-charcoal: #1a1a1a;
  --color-slate: #d9d9d9;
  --color-violet: #7f00ff;

  --color-background: var(--color-canvas);
  --color-foreground: var(--color-charcoal);

  /* Fonts */
  --font-sans: 'Geist Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'Geist Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;

  /* Font Weights */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Timing & Transitions */
  --transition-speed: 0.2s;
  --transition-ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* Spacing Constraints */
  --container-max-width: 1400px;
  --header-height: 80px;
}