/**
 * Revenue Guru — Design Tokens
 * Source of truth: RG Revenue Guru Brand Styling Guidelines
 * All values below come straight from the brand board.
 * Tokens marked "extended" are sensible UI additions derived from the brand
 * palette (the board defines brand colors, not a full UI scale).
 */

:root {
  /* ---- Brand colors (from board) ---- */
  --rg-midnight: #000331;      /* RGB 0 3 49    — primary dark / text */
  --rg-golden: #f4b639;        /* RGB 244 182 57 — primary accent */
  --rg-ultraviolet: #421ec2;   /* RGB 66 30 194  — secondary */
  --rg-green: #35b56b;         /* RGB 53 181 101 — support / success */
  --rg-white: #ffffff;         /* RGB 255 255 255 */

  /* Gradient (board: "Texture / Gradient", Midnight -> Ultra Violet) */
  --rg-gradient-from: #0f112e; /* dark stop used on the board */
  --rg-gradient-to: #421ec2;
  --rg-gradient: linear-gradient(90deg, var(--rg-gradient-from) 0%, var(--rg-gradient-to) 100%);

  /* ---- Neutrals (extended — for UI surfaces, borders, muted text) ---- */
  --rg-neutral-900: #0f112e;
  --rg-neutral-700: #4d4f66;
  --rg-neutral-500: #888a8c;   /* label gray seen on the board */
  --rg-neutral-300: #cfd0d6;
  --rg-neutral-200: #e5e5e5;
  --rg-neutral-100: #f4f5f7;

  /* ---- Semantic aliases ---- */
  --rg-color-bg: var(--rg-white);
  --rg-color-bg-inverse: var(--rg-midnight);
  --rg-color-surface: var(--rg-white);
  --rg-color-surface-muted: var(--rg-neutral-100);
  --rg-color-text: var(--rg-midnight);
  --rg-color-text-muted: var(--rg-neutral-500);
  --rg-color-text-inverse: var(--rg-white);
  --rg-color-border: var(--rg-neutral-200);

  --rg-color-primary: var(--rg-midnight);
  --rg-color-primary-contrast: var(--rg-white);
  --rg-color-accent: var(--rg-golden);
  --rg-color-accent-contrast: var(--rg-midnight);
  --rg-color-secondary: var(--rg-ultraviolet);
  --rg-color-secondary-contrast: var(--rg-white);
  --rg-color-success: var(--rg-green);
  --rg-color-success-contrast: var(--rg-white);

  /* ---- Typography ---- */
  --rg-font-header: "Barlow Condensed", "Arial Narrow", sans-serif;   /* SemiBold, UPPERCASE */
  --rg-font-body: "DM Sans", system-ui, -apple-system, sans-serif;    /* Regular/Medium */
  --rg-font-accent: "Barlow Condensed", "Arial Narrow", sans-serif;   /* SemiBold Italic, lowercase */

  --rg-weight-regular: 400;
  --rg-weight-medium: 500;
  --rg-weight-semibold: 600;

  /* Type scale (1.250 major-third) */
  --rg-text-xs: 0.75rem;   /* 12 */
  --rg-text-sm: 0.875rem;  /* 14 */
  --rg-text-md: 1rem;      /* 16 — body base */
  --rg-text-lg: 1.25rem;   /* 20 */
  --rg-text-xl: 1.5rem;    /* 24 */
  --rg-text-2xl: 2rem;     /* 32 */
  --rg-text-3xl: 2.5rem;   /* 40 */
  --rg-text-4xl: 3.5rem;   /* 56 */

  --rg-leading-tight: 1.1;
  --rg-leading-snug: 1.3;
  --rg-leading-normal: 1.6;
  --rg-tracking-none: 0;         /* board: letter spacing 0 everywhere */
  --rg-tracking-label: 0.15em;   /* the small spaced-out section labels */

  /* ---- Spacing (8pt scale) ---- */
  --rg-space-1: 0.25rem;
  --rg-space-2: 0.5rem;
  --rg-space-3: 0.75rem;
  --rg-space-4: 1rem;
  --rg-space-5: 1.5rem;
  --rg-space-6: 2rem;
  --rg-space-7: 3rem;
  --rg-space-8: 4rem;

  /* ---- Radii ---- */
  --rg-radius-sm: 4px;
  --rg-radius-md: 8px;
  --rg-radius-lg: 16px;
  --rg-radius-pill: 999px;

  /* ---- Elevation ---- */
  --rg-shadow-sm: 0 1px 2px rgba(0, 3, 49, 0.08);
  --rg-shadow-md: 0 4px 16px rgba(0, 3, 49, 0.12);
  --rg-shadow-lg: 0 12px 32px rgba(0, 3, 49, 0.18);
}