/* Tryb — Color tokens
   Base palette derived from the brand mark: forest green + cream paper,
   expanded with warm "joy" accents (apricot, butter) and a calm sky. */
:root {
  /* Forest green — primary brand hue (brand mark uses --green-700) */
  --green-950: #16211a;
  --green-900: #1f2f25;
  --green-800: #2a4030;
  --green-700: #38543e; /* BRAND primary */
  --green-600: #476a50;
  --green-500: #5e8467;
  --green-400: #86a88c;
  --green-300: #aec7b2;
  --green-200: #d0e0d2;
  --green-100: #e6efe4;

  /* Cream / paper — the brand's light ground (mark uses --cream-100) */
  --cream-50: #fcfef4;
  --cream-100: #f8ffe2; /* BRAND cream */
  --cream-200: #eef4d8;
  --cream-300: #e0e9c6;

  /* Apricot — warmth, "delivered with joy" */
  --apricot-600: #d9743f;
  --apricot-500: #ee8a5f;
  --apricot-400: #f3a983;
  --apricot-300: #f7c6ac;
  --apricot-100: #fbe6d8;

  /* Butter — soft highlight / celebration */
  --butter-500: #f2c14e;
  --butter-400: #f6d074;
  --butter-300: #fae2a6;
  --butter-100: #fdf3d3;

  /* Clay — energetic red, doubles as error/destructive */
  --clay-600: #b0442f;
  --clay-500: #c7513b;
  --clay-300: #e08a76;
  --clay-100: #f6ddd5;

  /* Sky — calm, informational */
  --sky-600: #567aa0;
  --sky-500: #6f91b5;
  --sky-300: #a6bed8;
  --sky-100: #dce6f0;

  /* Pure neutrals */
  --white: #ffffff;
  --black: #14180f;

  /* ---- Semantic aliases ---- */
  --brand: var(--green-700);
  --brand-strong: var(--green-800);
  --brand-soft: var(--green-100);
  --accent: var(--apricot-500);
  --accent-strong: var(--apricot-600);
  --accent-soft: var(--apricot-100);
  --highlight: var(--butter-500);

  --surface-page: var(--cream-100);
  --surface-card: var(--cream-50);
  --surface-raised: var(--white);
  --surface-inverse: var(--green-700);
  --surface-sunken: var(--cream-200);

  --text-primary: var(--green-900);
  --text-secondary: var(--green-600);
  --text-muted: var(--green-500);
  --text-inverse: var(--cream-100);
  --text-on-accent: var(--green-900);
  --text-brand: var(--green-700);

  --border-subtle: color-mix(in srgb, var(--green-700) 12%, transparent);
  --border-default: color-mix(in srgb, var(--green-700) 22%, transparent);
  --border-strong: color-mix(in srgb, var(--green-700) 40%, transparent);
  --border-inverse: color-mix(in srgb, var(--cream-100) 26%, transparent);

  --focus-ring: color-mix(in srgb, var(--apricot-500) 55%, transparent);

  /* Status */
  --success: var(--green-600);
  --success-soft: var(--green-100);
  --warning: var(--butter-500);
  --warning-soft: var(--butter-100);
  --danger: var(--clay-500);
  --danger-soft: var(--clay-100);
  --info: var(--sky-500);
  --info-soft: var(--sky-100);
}