/* GENERATED by scripts/landing-tokens.mjs — do not hand-edit.
   Source: src/design/semantic/palette.ts over src/design/tokens/color.ts,
   radii from src/design/tokens/scale.ts (14 roles per scheme).
   Regenerate:  node scripts/landing-tokens.mjs */

:root {
  --app-background: #F7F5F2;
  --app-surface: #FFFFFF;
  --app-text-primary: #211F1B;
  --app-text-secondary: #6B655C;
  --app-text-tertiary: #8A8378;
  --app-border: #8A8378;
  --app-separator: #E2DED7;
  --app-accent: #0860C2;
  --app-accent-fill: #0860C2;
  --app-accent-text: #0860C2;
  --app-accent-muted: rgba(8,96,194,0.10);
  --app-success: #0E7A32;
  --app-warning: #8A5200;
  --app-danger: #C1121F;

  /* dark palette, unused by the phone frame today — see the script's header */
  --app-dark-background: #14120F;
  --app-dark-surface: #1B1916;
  --app-dark-text-primary: #FCFBF9;
  --app-dark-text-secondary: #ADA69B;
  --app-dark-text-tertiary: #8A8378;
  --app-dark-border: #8A8378;
  --app-dark-separator: #4F4A43;
  --app-dark-accent: #5C9CF5;
  --app-dark-accent-fill: #1A6FE0;
  --app-dark-accent-text: #5C9CF5;
  --app-dark-accent-muted: rgba(92,156,245,0.14);
  --app-dark-success: #4ADE80;
  --app-dark-warning: #F5B440;
  --app-dark-danger: #FF7A70;

  /* radius — src/design/tokens/scale.ts `radius` */
  --app-r-none: 0px;
  --app-r-xs: 6px;
  --app-r-sm: 10px;
  --app-r-md: 14px;
  --app-r-lg: 20px;
  --app-r-xl: 28px;
  --app-r-2xl: 36px;
  --app-r-full: 9999px;
}