/* NexoUnite design tokens.
   Palette sampled from the two brand images: a near-black teal for the dashboard, emerald and mint
   for accents, and an aqua-tinted white for the light pages. */
:root {
  --green-950: #03100a;
  --green-900: #06180f;
  --green-800: #0a2c1c;
  --green-700: #0f5a37;
  --green-600: #14854f;
  --green-500: #1fb86a;
  --green-400: #3ee08f;
  --mint-300: #7df4ba;
  --mint-200: #b6efdc;
  --mint-100: #dcf7ee;
  --mint-50: #f2fcf9;
  --aqua-100: #d6f5f0;
  --amber-400: #f5c451;
  --amber-600: #a8730a;
  --red-400: #ff7d7d;
  --red-600: #b42318;

  --ink-950: #04140e;
  --ink-800: #12352a;
  --ink-600: #3f5f53;
  --ink-500: #56706a;
  --ink-400: #7a8f89;

  /* dashboard / app surfaces */
  --app-bg: #081210;
  --app-side: #091113;
  --app-surface: #0d1a19;
  --app-surface-2: #12221f;
  --app-surface-3: #172a27;
  --app-line: #1d3130;
  --app-line-strong: #2a4543;
  --app-text: #e8f2ef;
  --app-muted: #92a9a3;
  --app-faint: #7b958e;
  --app-accent: #4be396;
  --app-accent-soft: rgba(75, 227, 150, 0.14);
  --app-warn: #f2c14e;
  --app-danger: #ff8a80;

  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 22px;
  --shadow-lg: 0 40px 90px -30px rgba(3, 40, 24, 0.55);

  --font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Inter Display", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --maxw: 1180px;
  --header-h: 68px;
}