/* Andy Personal Round X · v3.1 — soft sidebar
   Same nature multi-hue as v3; sidebar softened off soil black.
   Light mode for the Helm home. */

:root {
  --soil-950: #0C0F0D;
  --stone-50: #F7F8F7;
  --stone-100: #EEF1EF;
  --stone-200: #DCE3DE;
  --stone-400: #8B9690;
  --stone-500: #667069;
  --stone-700: #3D4540;

  /* Soft sidebar — misted sage (not near-black) */
  --sage-50: #F2F6F3;
  --sage-100: #E4EDE7;
  --sage-200: #CDD9D1;
  --sage-700: #3F5348;
  --sage-800: #2F4037;

  --moss-500: #22C55E;
  --moss-600: #16A34A;
  --moss-700: #15803D;
  --moss-50: #F0FDF4;

  --clay-500: #E86B3A;
  --clay-600: #D4552A;
  --clay-50: #FFF4F0;

  --sky-500: #0EA5E9;
  --sky-600: #0284C7;
  --sky-50: #F0F9FF;

  --water-500: #14B8A6;
  --water-600: #0D9488; /* Helm UI accent, chip tint, wordmark */
  --water-700: #0F766E; /* Helm app-icon and favicon field */

  --sand-500: #EAB308;
  --sand-600: #CA8A04;
  --sand-50: #FEFCE8;

  --forest-700: #166534;

  --color-bg: var(--stone-50);
  --color-surface: #FFFFFF;
  --color-surface-muted: var(--stone-100);
  --color-border: var(--stone-200);
  --color-border-strong: #C5CEC8;

  --color-text: var(--soil-950);
  --color-text-secondary: var(--stone-700);
  --color-text-muted: var(--stone-500);
  --color-text-inverse: #FFFFFF;

  --color-primary: var(--moss-600);
  --color-primary-hover: var(--moss-700);
  --color-primary-muted: var(--moss-50);
  --color-primary-foreground: #FFFFFF;

  --color-secondary: var(--clay-500);
  --color-secondary-hover: var(--clay-600);
  --color-secondary-muted: var(--clay-50);
  --color-secondary-foreground: #FFFFFF;

  --color-accent-sky: var(--sky-500);
  --color-accent-water: var(--water-500);
  --color-accent-sand: var(--sand-500);
  --color-accent-forest: var(--forest-700);

  --color-focus-ring: var(--sand-500);
  --color-link: var(--sky-600);
  --color-link-hover: #0369A1;

  --color-success: var(--moss-600);
  --color-success-bg: var(--moss-50);
  --color-warn: var(--sand-600);
  --color-warn-bg: var(--sand-50);
  --color-danger: #DC2626;
  --color-danger-bg: #FEF2F2;

  /* Soft sage sidebar */
  --color-sidebar-bg: var(--sage-100);
  --color-sidebar-border: var(--sage-200);
  --color-sidebar-text: var(--sage-700);
  --color-sidebar-text-active: var(--sage-800);
  --color-sidebar-active-bg: #FFFFFF;
  --color-sidebar-active-bar: var(--moss-600);
  --color-sidebar-hover: var(--sage-50);

  --chart-1: var(--moss-600);
  --chart-2: var(--sky-500);
  --chart-3: var(--clay-500);
  --chart-4: var(--water-500);
  --chart-5: var(--sand-500);
  --chart-6: var(--forest-700);

  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px rgba(12, 15, 13, 0.06);
  --shadow-md: 0 4px 12px rgba(12, 15, 13, 0.08);
  --shadow-focus: 0 0 0 2px #fff, 0 0 0 4px var(--color-focus-ring);
}