/*
Purpose: Define the portfolio's high-contrast product-design palette.
Rationale: Warm neutrals, black, and a focused orange accent create an Auth0-inspired feel.
Notes: Text and interactive colour combinations are selected for accessible contrast.
*/
:root {
  --white: #fff;
  --ink: #171717;
  --orange: #e95420;
  --orange-dark: #b9340d;
  --orange-soft: #ffdfd2;
  --paper: #f6f5f3;
  --paper-warm: #efece7;
  --surface: #fff;
  --text: #171717;
  --text-soft: #4b4b49;
  --text-muted: #6c6b67;
  --line: #d8d6d1;
  --line-dark: rgba(255, 255, 255, .2);
  --header: rgba(246, 245, 243, .92);
  --header-shadow: rgba(23, 23, 23, .04);
  --card-shadow: rgba(23, 23, 23, .09);
  --orange-wash: #ffdfd2;
}

:root[data-theme="dark"] {
  --paper: #11110f;
  --paper-warm: #181816;
  --surface: #1c1c1a;
  --text: #f3f2ef;
  --text-soft: #cbc8c2;
  --text-muted: #a7a39b;
  --line: #3b3a36;
  --header: rgba(17, 17, 15, .9);
  --header-shadow: rgba(0, 0, 0, .28);
  --card-shadow: rgba(0, 0, 0, .34);
  --orange-wash: #43251c;
}