/* Upsurge application palette — light appearance, checked 2026-09-06.
 * Sources: Voxly/Voxly/Tokens.swift (VoxlyColor) and
 * Voxly/VoxlyMac/UpsurgeHomeDesignSystem.swift (UHTheme.Colors).
 * The older design/tokens.json differs in light surfaces and primary blue.
 * This sibling follows the colors currently shared by the iPhone and Mac apps.
 * All interface colors live here. Illustrations use these anchors with
 * continuous painted shading and natural skin tones.
 */
:root {
  --ds-paper: #F5F0E6;
  --ds-grouped: #EFE8DA;
  --ds-raised: #FFFFFF;
  --ds-fill: #EAE1D1;
  --ds-fill-high: #E0D6C4;
  --ds-ink: #211E19;
  --ds-ink-secondary: rgb(33 30 25 / 60%);
  --ds-ink-tertiary: rgb(33 30 25 / 40%);
  --ds-border-subtle: rgb(33 30 25 / 6%);
  --ds-border: rgb(33 30 25 / 10%);
  --ds-border-strong: rgb(33 30 25 / 16%);
  --ds-blue-50: #ECF3FF;
  --ds-blue-100: #D6E6FF;
  --ds-blue-200: #AECCFF;
  --ds-blue-300: #7FAEFF;
  --ds-blue-400: #4F90FF;
  --ds-blue-500: #1C7DFF;
  --ds-blue-600: #0A66E0;
  --ds-blue-700: #0A52B8;
  --ds-blue-800: #0B3F8C;
  --ds-blue-900: #0C3066;
  --ds-accent-text: #1560D8;
  --ds-blue-tint: rgb(28 125 255 / 10%);
  --ds-dark-base: #0C0B08;
  --ds-dark-surface: #16130D;
  --ds-dark-fill: #211C13;
  --ds-dark-text: #F4F0E8;
  --ds-dark-border: rgb(255 255 255 / 8%);
  --ds-dark-border-strong: rgb(255 255 255 / 14%);
  --ds-shadow: rgb(0 0 0 / 6%);
  --ds-overlay-shadow: rgb(0 0 0 / 50%);
  --ds-overlay: rgb(12 11 8 / 50%);
  --ds-success: #1F9B57;
  --ds-danger: #E5352B;
  --ds-warning: #F08C00;

  /* Warm landing accents, shared by the iPhone section and large headings. */
  --landing-apricot: #F3CBA7;
  --landing-orange: #DF783D;
  --landing-rust: #91401E;

  --paper: var(--ds-paper);
  --ink: var(--ds-ink);
  --blue: var(--ds-blue-500);
  --blue-dark: var(--ds-blue-700);
  --line: var(--ds-border);
  --muted: var(--ds-ink-secondary);
  --ice: var(--ds-blue-50);
  --peach: var(--ds-grouped);
}