/* Coletek Mobilidade — Modernist adaptado às cores Coletek (carrega DEPOIS de styles.css) */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');
:root {
  --color-bg: #ffffff;
  --color-surface: #f4f5f8;
  --color-text: #152238;
  --color-accent: #C8102E;
  --color-accent-2: #1B2A4A;
  --color-divider: color-mix(in srgb, #1B2A4A 18%, transparent);
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --navy: #1B2A4A;
  --navy-deep: #152238;

  --color-neutral-100: #f5f6f9;
  --color-neutral-200: #e8eaf0;
  --color-neutral-300: #d3d7e1;
  --color-neutral-400: #b3b9c9;
  --color-neutral-500: #8f97ac;
  --color-neutral-600: #6f7890;
  --color-neutral-700: #525b73;
  --color-neutral-800: #364059;
  --color-neutral-900: #1f2942;

  --color-accent-100: #fbeef0;
  --color-accent-200: #f6d7dc;
  --color-accent-300: #eeafba;
  --color-accent-400: #dd6c81;
  --color-accent-500: #C8102E;
  --color-accent-600: #a60d26;
  --color-accent-700: #82091d;
  --color-accent-800: #5c0715;
  --color-accent-900: #3a050e;

  --color-accent-2-100: #f3f5fa;
  --color-accent-2-200: #e2e7f1;
  --color-accent-2-300: #c3cce0;
  --color-accent-2-400: #93a2c2;
  --color-accent-2-500: #5c6f9b;
  --color-accent-2-600: #3d5079;
  --color-accent-2-700: #2a3a5e;
  --color-accent-2-800: #1B2A4A;
  --color-accent-2-900: #121d35;

  --font-heading: "Sora", system-ui, sans-serif;
  --font-heading-weight: 700;
  --font-body: "Inter", system-ui, sans-serif;

  --shadow-sm: 0 1px 2px color-mix(in srgb, #152238 12%, transparent);
  --shadow-md: 0 3px 10px color-mix(in srgb, #152238 14%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #152238 20%, transparent);
}
body { font-size: 15px; }
.grayscale { filter: none; } /* fotos de produto oficiais permanecem em cor */