/**
 * Tylos Ugnis — Design Tokens
 * Auto-generated. Do not edit manually.
 */
:root {
    /* ── Core palette ─────────────────────────────── */
    --color-primary:       #c026d3;
    --color-primary-dark:  #a21caf;
    --color-primary-rgb:   192,38,211;
    --color-secondary:     #fdf4ff;
    --color-accent:        #e879f9;
    --color-heading:       #2e0536;
    --color-text:          #374151;
    --color-text-light:    #6b7280;
    --color-bg:            #ffffff;
    --color-bg-alt:        #fdf4ff;
    --color-border:        #f0abfc;
    --color-header-bg:     rgba(255,255,255,0.95);
    --color-header-text:   #2e0536;
    --color-footer-bg:     #2e0536;
    --color-footer-text:   #f0abfc;

    /* ── Semantic tokens ──────────────────────────── */
    --color-star:          var(--color-accent);
    --color-success:       #16a34a;
    --color-error:         #dc2626;
    --color-warning-bg:    var(--color-secondary);
    --color-warning-border: var(--color-border);
    --color-warning-text:  var(--color-heading);

    /* ── Typography ───────────────────────────────── */
    --font-heading:        'DM Serif Display', Georgia, serif;
    --font-body:           'DM Sans', system-ui, sans-serif;

    /* ── Borders & Shadows ────────────────────────── */
    --border-radius:       14px;
    --border-radius-lg:    28px;
    --box-shadow:          0 4px 24px rgba(192,38,211,0.12);
    --box-shadow-hover:    0 12px 40px rgba(0,0,0,0.15);
    --hero-overlay:        linear-gradient(135deg, rgba(192,38,211,0.88) 0%, rgba(162,28,175,0.80) 100%);
    --transition:          0.25s ease;

    /* ── Layout ───────────────────────────────────── */
    --header-height:       72px;
    --container-width:     1400px;
    --section-padding:     80px 0;

    /* ── Spacing scale ────────────────────────────── */
    --space-xs:   4px;
    --space-sm:   8px;
    --space-md:   16px;
    --space-lg:   24px;
    --space-xl:   32px;
    --space-2xl:  48px;
    --space-3xl:  64px;
    --space-4xl:  80px;

    /* ── Typography scale ─────────────────────────── */
    --base-font-size:      17px;
    --line-height:         1.7;
    --heading-weight:      700;
    --heading-transform:   uppercase;
    --heading-letter-spacing: normal;
}