/* Orto MG — color tokens
   Extracted verbatim from the Figma file's fill/stroke/text usage
   (see METADATA.md top-30 colors). Not snapped to any palette convention —
   these are the literal RGB values used across the 61 imported frames. */

:root {
  /* ---- Brand red (primary) ---- */
  --red-600: rgb(237, 26, 58);      /* primary buttons, active nav pill, blobs */
  --red-500: rgb(220, 65, 87);
  --red-700: rgb(191, 40, 70);
  --red-tint-200: rgb(255, 189, 189); /* feature-icon tile background */
  --red-tint-100: rgb(244, 175, 176);
  --red-tint-50: rgb(255, 249, 249);  /* soft card background */

  /* ---- Brand accent hues (used for decorative blobs / icon tiles / category tags) ---- */
  --accent-blue: rgb(39, 170, 225);
  --accent-orange: rgb(244, 128, 71);
  --accent-green: rgb(34, 179, 108);
  --accent-green-deep: rgb(9, 179, 109);
  --accent-green-dark: rgb(7, 100, 89);
  --accent-purple: rgb(136, 78, 159);
  --accent-yellow: rgb(254, 206, 100);
  --accent-navy: rgb(78, 93, 169);
  --accent-teal: rgb(87, 125, 130);
  --accent-maroon: rgb(81, 30, 52);

  /* ---- Ink / neutrals (text) ---- */
  --ink-900: rgb(36, 36, 36);   /* section headings */
  --ink-800: rgb(33, 33, 33);  /* card / feature headings */
  --ink-700: rgb(51, 51, 51);
  --ink-600: rgb(79, 79, 79);   /* body copy */
  --ink-500: rgb(107, 107, 107); /* secondary / footer copy */
  --ink-400: rgb(129, 129, 129);
  --ink-000: rgb(0, 0, 0);

  /* ---- Surfaces ---- */
  --surface-white: rgb(255, 255, 255);
  --surface-off-white: rgb(253, 253, 253);
  --surface-blush: rgb(255, 244, 244);   /* "why choose us" section bg */
  --surface-blush-soft: rgb(255, 249, 249);
  --surface-cream: rgb(255, 246, 237);   /* footer bg */
  --surface-sky: rgb(240, 247, 255);     /* "kako poteka" steps section bg */
  --surface-grey-100: rgb(243, 243, 243); /* "stories" section bg */
  --surface-grey-200: rgb(217, 217, 217); /* image placeholder / mask bg */
  --surface-icon-grey: rgb(88, 88, 91);

  /* ---- Shadows (from Figma effects — used sparingly, on cards/CTAs only) ---- */
  --shadow-color: rgba(0, 0, 0, 0.25);
  --shadow-color-soft: rgba(0, 0, 0, 0.11);
}