/* JP Pirinen — Morning Light — Color tokens (generated from tokens/color.tokens.json) */
:root {
  /* base ramps */
  --color-green-50: #f3f6f4;
  --color-green-100: #e8edea;
  --color-green-200: #c9d6ce;
  --color-green-300: #a2b8ab;
  --color-green-400: #749480;
  --color-green-500: #3E6B4F;
  --color-green-600: #375f47;
  --color-green-700: #30523d;
  --color-green-800: #284433;
  --color-green-900: #21372a;
  --color-amber-50: #fef9f3;
  --color-amber-100: #fdf3e7;
  --color-amber-200: #fbe4c8;
  --color-amber-300: #f7d0a0;
  --color-amber-400: #f3b871;
  --color-amber-500: #EF9D3A;
  --color-amber-600: #d58b33;
  --color-amber-700: #b7762a;
  --color-amber-800: #996122;
  --color-amber-900: #7c4d1a;
  --color-sage-50: #f7f9f5;
  --color-sage-100: #eff4eb;
  --color-sage-200: #dae4d1;
  --color-sage-300: #c0d1b0;
  --color-sage-400: #a0bb89;
  --color-sage-500: #7BA05B;
  --color-sage-600: #6b8c51;
  --color-sage-700: #587445;
  --color-sage-800: #455d39;
  --color-sage-900: #33462e;
  --color-error-50: #faf3f2;
  --color-error-100: #f6e7e6;
  --color-error-200: #e9c8c4;
  --color-error-300: #daa09b;
  --color-error-400: #c87169;
  --color-error-500: #B23A2E;
  --color-error-600: #9f3328;
  --color-error-700: #8a2b22;
  --color-error-800: #75241b;
  --color-error-900: #601c15;
  --color-neutral-0: #FFFFFF;
  --color-neutral-50: #FDFBF5;
  --color-neutral-100: #f0efe8;
  --color-neutral-200: #deded8;
  --color-neutral-300: #c3c5bf;
  --color-neutral-400: #9fa49d;
  --color-neutral-500: #7b827c;
  --color-neutral-600: #5b655f;
  --color-neutral-700: #404c45;
  --color-neutral-800: #2c3a33;
  --color-neutral-900: #1C2B24;
  --color-neutral-950: #121c17;

  /* semantic */
  --color-bg-page: var(--color-neutral-50);
  --color-bg-surface: var(--color-neutral-0);
  --color-bg-surface-sunken: var(--color-neutral-100);
  --color-bg-brand: var(--color-green-500);
  --color-bg-accent: var(--color-amber-500);
  --color-bg-accent-soft: var(--color-amber-100);
  --color-bg-success: var(--color-green-50);
  --color-bg-error: var(--color-error-50);
  --color-text-primary: var(--color-neutral-900);
  --color-text-secondary: var(--color-neutral-600);
  --color-text-tertiary: var(--color-neutral-400);
  --color-text-on-brand: var(--color-neutral-50);
  --color-text-on-accent: var(--color-neutral-900);
  --color-text-link: var(--color-green-500);
  --color-text-link-hover: var(--color-green-700);
  --color-text-brand: var(--color-green-500);
  --color-text-error: var(--color-error-500);
  --color-text-success: var(--color-green-600);
  --color-border-default: var(--color-neutral-200);
  --color-border-strong: var(--color-neutral-300);
  --color-border-brand: var(--color-green-500);
  --color-border-accent: var(--color-amber-500);
  --color-border-error: var(--color-error-300);
  --color-icon-default: var(--color-neutral-900);
  --color-icon-muted: var(--color-neutral-500);
  --color-icon-brand: var(--color-green-500);
  --color-icon-accent: var(--color-amber-500);
  --color-focus-ring: var(--color-amber-500);
}