:root {
  --oxara-turquoise: #19c7b5;
  --oxara-graphite: #17202b;
  --oxara-ink: #0d1218;
  --oxara-cloud: #f4f7f8;
  --oxara-white: #ffffff;

  --oxara-turquoise-50: #e8faf8;
  --oxara-turquoise-100: #d1f4f0;
  --oxara-turquoise-200: #a3e9e1;
  --oxara-turquoise-300: #75ded2;
  --oxara-turquoise-400: #47d3c3;
  --oxara-turquoise-500: #19c7b5;
  --oxara-turquoise-600: #14a092;
  --oxara-turquoise-700: #0f786d;
  --oxara-turquoise-800: #0a5049;
  --oxara-turquoise-900: #052824;

  --oxara-graphite-50: #f0f2f4;
  --oxara-graphite-100: #d7dbdf;
  --oxara-graphite-200: #afb6be;
  --oxara-graphite-300: #87929e;
  --oxara-graphite-400: #5f6d7d;
  --oxara-graphite-500: #37495c;
  --oxara-graphite-600: #2b3a4a;
  --oxara-graphite-700: #22303d;
  --oxara-graphite-800: #17202b;
  --oxara-graphite-900: #0d1218;

  /* Semantic roles resolve from assets/tokens/colors.json. */
  --oxara-identity-accent: var(--oxara-turquoise-500);
  --oxara-ui-primary-background: var(--oxara-turquoise-500);
  --oxara-ui-primary-foreground: var(--oxara-white);
  --oxara-ui-primary-hover: var(--oxara-turquoise-500);
}