/* Rise Ledger canonical design tokens.
   This is the single visual source for public marketing pages and the app shell. */
:root {
  color-scheme: dark;

  /* Typography */
  --rl-font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rl-font-size-base: 15px;
  --rl-line-height-base: 1.6;

  /* Surface hierarchy */
  --rl-bg: #0b1326;
  --rl-bg-deep: #060e20;
  --rl-surface-1: #131b2e;
  --rl-surface-2: #171f33;
  --rl-surface-3: #222a3d;
  --rl-surface-4: #2d3449;
  --rl-surface-float: rgba(34, 42, 61, .92);

  /* Brand and semantic colors */
  --rl-gold: #ffc174;
  --rl-gold-strong: #f59e0b;
  --rl-gold-light: #ffd08f;
  --rl-gold-dim: rgba(255, 193, 116, .16);
  --rl-gold-glow: rgba(255, 193, 116, .34);
  --rl-green: #7cf064;
  --rl-green-dim: rgba(78, 222, 163, .15);
  --rl-red: #f34351;
  --rl-red-dim: rgba(255, 145, 154, .14);
  --rl-blue: #73b9f3;

  /* Text roles */
  --rl-text-primary: #e7edff;
  --rl-text-secondary: #b8c5e6;
  --rl-text-muted: #8f9dbd;
  --rl-text-accent: var(--rl-gold);
  --rl-text-on-accent: #261600;

  /* Legacy compatibility aliases */
  --rl-text: var(--rl-text-primary);
  --rl-text-faint: var(--rl-text-muted);

  /* Borders, shadows, radii */
  --rl-border: rgba(83, 68, 52, .18);
  --rl-border-soft: rgba(218, 226, 253, .09);
  --rl-border-strong: rgba(255, 193, 116, .32);
  --rl-shadow-sm: 0 2px 8px rgba(4, 10, 28, .5);
  --rl-shadow-md: 0 8px 28px rgba(4, 10, 28, .65);
  --rl-shadow-lg: 0 20px 48px rgba(4, 10, 28, .8);
  --rl-radius-sm: .5rem;
  --rl-radius-md: .875rem;
  --rl-radius-lg: 1.25rem;
  --rl-radius-xl: 1.75rem;
  --rl-radius-2xl: 24px;
  --rl-radius-full: 9999px;

  /* Motion */
  --rl-ease: cubic-bezier(.4, 0, .2, 1);
  --rl-duration-fast: 150ms;
  --rl-duration-base: 220ms;
  --rl-duration-slow: 380ms;
}