/* MOVA design tokens. */

:root {
  --primary: #1dd6c5;
  --primary-bright: #36f1df;
  --primary-dark: #13b5a7;
  --primary-deep: #0b7d73;
  --navy: #0f3b36;
  --navy-deep: #092b28;
  --navy-shadow: #0d5d55;

  --ink: #272727;
  --ink-muted: #73736d;
  --ink-soft: #959595;
  --ink-faint: #b3b3b3;
  --ink-pale: #dfdfdf;

  --surface: #ffffff;
  --surface-off: #fbfff9;
  --surface-faint: #fbfbf7;
  --surface-tinted: #eefffb;
  --surface-teal-soft: #e0fff9;
  --surface-teal-mist: #b8f1e8;
  --surface-teal-strip: #ecfffa;
  --surface-panel-gray: #e5e0d6;

  --line: #f5f5f1;
  --line-soft: #f2f2ec;
  --line-muted: #ece7dd;
  --line-faint: #e7e2d8;

  --gradient-brand: linear-gradient(135deg, #1dd6c5 0%, #13b5a7 100%);
  --gradient-brand-bright: linear-gradient(135deg, #36f1df 0%, #1dd6c5 100%);
  --gradient-hero: linear-gradient(135deg, #1dd6c5 0%, #0b7d73 100%);
  --gradient-deep: linear-gradient(135deg, #0f3b36 0%, #092b28 100%);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-full: 1000px;

  --shadow-sm: 0 2px 8px rgba(19, 181, 167, 0.1);
  --shadow-md: 0 8px 24px rgba(19, 181, 167, 0.14);
  --shadow-lg: 0 16px 40px rgba(15, 59, 54, 0.18);
  --shadow-hero: 0 4px 4px rgba(0, 0, 0, 0.25);
  --shadow-text: 0 4px 4px rgba(0, 0, 0, 0.14);
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 16px 40px rgba(19, 181, 167, 0.18);
  --glow-teal: 0 0 40px rgba(29, 214, 197, 0.24);

  --desktop-max: 1440px;
  --desktop-gutter: 189px;
  --mobile-gutter: 20px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 520ms;
}