/* ================================================================
   DRIVING SCHOOL MODULE — shared design tokens
   ================================================================
   `--color-primary*` are injected globally by public/app/template/header.php
   for every template, so they're used directly. The tokens below (ink,
   line, radius, shadow, ...) originate from the autorijschool template's
   own stylesheet and aren't guaranteed to exist elsewhere — so every
   feature stylesheet in this module reads the --ds-* names below instead
   of the raw token, falling back to the autorijschool values when the
   host template doesn't define them. This keeps the current look pixel
   for pixel in autorijschool while making the module safe to drop into
   any other template.
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap');

.ds-scope {
    --ds-ink:        var(--petrol, #2B2D42);
    --ds-ink-soft:   var(--petrol-soft, #4A4E69);
    --ds-muted:      var(--muted, #6B6F80);
    --ds-line:       var(--line, #ECEDF1);
    --ds-bg-alt:     var(--bg-alt, #F8F9FA);

    --ds-radius:     var(--radius, 16px);
    --ds-radius-sm:  var(--radius-sm, 12px);
    --ds-radius-lg:  var(--radius-lg, 24px);

    --ds-shadow:     var(--shadow, 0 10px 30px rgba(20, 22, 40, 0.05));
    --ds-shadow-md:  var(--shadow-md, 0 18px 50px rgba(20, 22, 40, 0.08));
    --ds-shadow-lg:  var(--shadow-lg, 0 30px 70px rgba(20, 22, 40, 0.12));

    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}