/* ============================================================
   UR-system — Color tokens
   Green + parchment palette synthesised from the reference
   imagery (forest sidebars, cream surfaces, emerald accents).
   ============================================================ */

:root {
  /* ---- Brand greens (base ramp) ---------------------------- */
  --green-950: #07251B;   /* deepest forest — topbar/sidebar ground */
  --green-900: #0C3527;   /* forest — dark surfaces */
  --green-800: #114633;   /* forest 800 — deep panels */
  --green-700: #155C42;   /* primary deep */
  --green-600: #1B7350;   /* primary */
  --green-500: #2C9A6B;   /* primary bright / hover-light */
  --green-400: #4FBE89;   /* accent / highlights */
  --green-300: #8BD7B0;   /* soft accent */
  --green-200: #C2E7D3;   /* tint fills */
  --green-100: #E0F1E7;   /* lightest tint */
  --green-50:  #EFF7F1;   /* faint wash */

  /* ---- Parchment / warm neutrals (backgrounds & ink) ------- */
  --parchment-50:  #FBFAF5;  /* card / raised surface */
  --parchment-100: #F4F1E8;  /* app background */
  --parchment-200: #ECE8DB;  /* sunken / striped rows */
  --parchment-300: #DDD8C8;  /* hairline on cream */

  --ink-900: #15201B;   /* primary text on light */
  --ink-700: #33433B;   /* strong body */
  --ink-500: #5C6B62;   /* secondary text */
  --ink-400: #82908A;   /* muted / placeholder */
  --ink-300: #A9B3AD;   /* disabled */
  --line-200: #D9E0DA;  /* default borders on white */
  --line-100: #E8ECE7;  /* faint dividers */
  --white: #FFFFFF;

  /* ---- Semantic status hues (the six UR statuses) ---------- */
  /* Utkast — neutral */
  --status-draft-bg: #ECE8DB;   --status-draft-fg: #5C6B62;
  /* Intern granskning — amber */
  --status-review-bg: #F6E7C4;  --status-review-fg: #8A5B12;
  /* Returnerad — terracotta/rose */
  --status-returned-bg: #F4D9CF; --status-returned-fg: #9A3B22;
  /* Pågående dialog — teal/blue (kept distinct & calm) */
  --status-dialog-bg: #CFE5E8;  --status-dialog-fg: #1E5C66;
  /* Överenskommen — green success */
  --status-agreed-bg: #C2E7D3;  --status-agreed-fg: #155C42;
  /* Stängd — dark */
  --status-closed-bg: #2A352E;  --status-closed-fg: #FBFAF5;

  /* ---- Standalone semantic signals ------------------------- */
  --success-bg: #C2E7D3; --success-fg: #155C42; --success-solid: #1B7350;
  --warning-bg: #F6E7C4; --warning-fg: #8A5B12; --warning-solid: #C2871A;
  --danger-bg:  #F4D9CF; --danger-fg:  #9A3B22; --danger-solid:  #C0492A;
  --info-bg:    #CFE5E8; --info-fg:    #1E5C66; --info-solid:    #2A7C88;

  /* ---- Origin tags (URP konsult / URB beställare) ---------- */
  --urp-bg: #E0F1E7; --urp-fg: #155C42; --urp-border: #8BD7B0;
  --urb-bg: #ECE8DB; --urb-fg: #5C4A2A; --urb-border: #D4C49A;

  /* ============================================================
     SEMANTIC ALIASES — prefer these in components
     ============================================================ */
  --bg-app: var(--parchment-100);
  --bg-sunken: var(--parchment-200);
  --surface-card: var(--parchment-50);
  --surface-raised: var(--white);
  --surface-dark: var(--green-950);
  --surface-dark-2: var(--green-900);

  --text-strong: var(--ink-900);
  --text-body: var(--ink-700);
  --text-muted: var(--ink-500);
  --text-faint: var(--ink-400);
  --text-on-dark: #EAF2EC;
  --text-on-dark-muted: #9DBBA9;

  --border-default: var(--line-200);
  --border-faint: var(--line-100);
  --border-strong: var(--ink-300);
  --border-focus: var(--green-500);

  --accent: var(--green-600);
  --accent-hover: var(--green-700);
  --accent-soft: var(--green-100);
  --accent-text: var(--green-700);
  --ring: color-mix(in oklch, var(--green-500) 45%, transparent);
}