/* Holistic Physio — Design Tokens (Modern Clinical Confidence) */
:root {
  /* Brand Typography Baseline */
  --font-primary: "Inter", system-ui, sans-serif;
  --font-display: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-mono: monospace;

  /* Color Palette Tokens */
  --bg-main: #ffffff;
  --text-main: #222222;
  --text-muted: #454545;
  --primary: #025c2c;
  --accent: #008f72;
  --border: #eeeeee;

  /* Project palette extensions */
  --green-deep: #025c2c;
  --green-dark: #03301a;   /* near-black green, dark bands */
  --teal: #008f72;
  --ink: #222222;
  --ink-soft: #454545;
  --mist: #f3f7f4;         /* soft green-tinted surface */
  --line: #e4ebe6;
  --white: #ffffff;
  --gold: #c9a24b;         /* sparing warm accent (ratings, eyebrow rules) */

  /* Layout Spacing Grid System */
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;

  /* Precision Animation Framework Rules */
  --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-inout-strong: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);

  --duration-fast: 150ms;
  --duration-standard: 300ms;
  --duration-deliberate: 500ms;
}