/* ==========================================================================
   AURORASHOP – DESIGN TOKENS
   Plik: assets/css/base/variables.css
   Rola: Jedyne źródło zmiennych CSS używanych w całym motywie
   ========================================================================== */

:root {
    /* ---- Fonts ---- */
    --aurora-font-main: "DM Sans", "Rubik", sans-serif;
    --aurora-font-heading: "Archivo", sans-serif;

    /* ---- Brand colors ---- */
    --aurora-navy: #1e293b;
    --aurora-dark: #0f172a;
    --aurora-blue: #1e293b;
    --aurora-indigo: #6366f1;
    --aurora-purple: #6e45e2;
    --aurora-green: #22c55e;
    --aurora-accent: #f59e0b;
    --aurora-accent-coral: #f59e0b;
    --aurora-accent-aqua: #2193b0;
    --aurora-yellow: #eab308;
    --aurora-error: #ef4444;

    /* ---- Neutrals / UI ---- */
    --aurora-white: #ffffff;
    --aurora-bg: #fbfbfd;
    --aurora-bg-light: #f8fafc;
    --aurora-border: #e2e8f0;
    --aurora-border-color: #e2e8f0;
    --aurora-slate: #64748b;
    --aurora-slate-light: #94a3b8;
    --aurora-light-blue: #eef2ff;
    --aurora-glass: rgba(255, 255, 255, 0.75);
    --aurora-primary-dark: #111827;

    /* ---- Effects ---- */
    --aurora-gradient: linear-gradient(135deg, #f59e0b, #6366f1);
    --aurora-shadow: 0 15px 35px rgba(59, 130, 246, .08);
    --aurora-shadow-sm: 0 4px 12px rgba(15, 23, 42, .05);
    --aurora-shadow-lg: 0 20px 50px rgba(15, 23, 42, .12);
    --aurora-shadow-soft: 0 10px 30px rgba(0, 0, 0, .06);
    --aurora-shadow-hover: 0 20px 50px rgba(0, 0, 0, .12);
    --aurora-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    --aurora-transition-smooth: all .4s cubic-bezier(.165, .84, .44, 1);

    /* ---- Layout ---- */
    --aurora-container: 1400px;
    --aurora-container-narrow: 1200px;
    --aurora-gap-xs: 8px;
    --aurora-gap-sm: 16px;
    --aurora-gap-md: 24px;
    --aurora-gap-lg: 40px;
    --aurora-gap-xl: 80px;

    --aurora-radius-sm: 8px;
    --aurora-radius-md: 14px;
    --aurora-radius-lg: 24px;

    --aurora-z-header: 1000;
    --aurora-z-overlay: 1050;
    --aurora-z-drawer: 1100;
}