/* OCTAVAUTO — Design tokens
   Sursa: mockup OCTAVAUTO.dc.html. Toate culorile/fonturile site-ului vin de aici. */
:root {
  /* Culori — fundal închis (site public) */
  --oa-bg: #0C0D0F;              /* fundal pagină */
  --oa-bg-card: #15181C;         /* carduri, panouri */
  --oa-bg-card-2: #1B1E23;       /* elemente ridicate (hub volan, hover) */
  --oa-border: rgba(255,255,255,.07);   /* borduri carduri */
  --oa-border-strong: rgba(255,255,255,.14);

  /* Accent */
  --oa-accent: #35B6D9;          /* cyan — linkuri, butoane, kicker, filtru activ */
  --oa-accent-ink: #06222B;      /* text pe fundal accent */
  --oa-accent-dim: #1E7E9C;      /* accent pe fundal deschis (admin) */

  /* Text pe închis */
  --oa-text: #F2F3F5;            /* titluri */
  --oa-text-body: #E9EAEC;       /* corp */
  --oa-text-muted: #A7ADB4;      /* subtitluri, descrieri */
  --oa-text-faint: #8B9096;      /* meta, footer */

  /* Admin — fundal deschis */
  --oa-admin-bg: #EFEDEA;
  --oa-admin-card: #FFFFFF;
  --oa-admin-input: #FBFAF8;
  --oa-admin-border: #E0DBD4;
  --oa-admin-ink: #1B1D20;
  --oa-admin-label: #33302B;
  --oa-admin-muted: #8B857C;
  --oa-admin-hint: #A29B90;
  --oa-admin-sidebar: #0C0D0F;   /* sidebar-ul admin = fundalul site-ului */
  --oa-danger: #B03030;

  /* WhatsApp / semnal */
  --oa-whatsapp: #25D366;
  --oa-success: #28C76F;

  /* Tipografie */
  --oa-font-heading: 'Cormorant Garamond', serif;   /* 600/700 — titluri H1–H3 */
  --oa-font-body: 'Manrope', system-ui, sans-serif;  /* 400–700 — tot restul */
  /* Google Fonts: Cormorant+Garamond:wght@500;600;700 & Manrope:wght@400;500;600;700 */

  /* Scară tipografică (desktop) */
  --oa-h1: 58px;        /* hero, titluri de pagină; letter-spacing -0.5px */
  --oa-h2: 44px;        /* titluri secțiuni */
  --oa-h3: 30px;        /* titluri carduri */
  --oa-body-lg: 18px;
  --oa-body: 15.5px;
  --oa-small: 13.5px;
  --oa-kicker: 13.5px;  /* uppercase, letter-spacing 1.8px, bold, culoare accent */

  /* Spații & forme */
  --oa-radius-lg: 18px;  /* carduri mari */
  --oa-radius: 12px;     /* carduri mici, inputuri */
  --oa-radius-pill: 100px; /* chips filtru, badge-uri */
  --oa-section-pad: 90px;  /* padding vertical secțiuni */
  --oa-container: 1240px;  /* lățime maximă conținut */
  --oa-gap: 22px;          /* gap grile carduri */

  /* Umbre */
  --oa-shadow-card: 0 16px 40px -12px rgba(0,0,0,.5);
}

/* Reguli de utilizare:
   - Fundal site întotdeauna --oa-bg; NU alb.
   - Hero și secțiunile cheie au un glow radial: radial-gradient(900px 420px at 50% -10%, rgba(53,182,217,.12), transparent 60%)
   - Butoane primare: fundal --oa-accent, text --oa-accent-ink, raza --oa-radius, bold.
   - Butoane WhatsApp: fundal --oa-whatsapp, text #06220E.
   - Chips filtru active: fundal --oa-accent; inactive: rgba(255,255,255,.05) + border --oa-border-strong.
   - Link hover: culoarea trece la --oa-text. */