/**
 * BurnOut Italy — burnout/default theme
 *
 * Tokens (colors, type scale, fonts) are emitted from admin config by
 * template/page/html/config-css.phtml as :root custom properties. The
 * fallbacks below keep the site styled on cache cold or if the template
 * fails to render. Google Fonts are loaded from config-css.phtml, so no
 * @import is needed here.
 */

/* ============================ TOKENS ============================ */
/* Single source of truth for defaults. config-css.phtml overrides these at
   runtime ONLY for fields the admin has set — keeping one list to maintain. */
:root {
    /* Palette — admin-driven (refresh inspired by MahoBoi mega-menu spec) */
    --c-primary:       #ff5a1f;
    --c-primary-hover: #ff7a3f;
    --c-primary-soft:  rgba(255, 90, 31, 0.15);
    --c-text:          #14110d;
    --c-link:          #0066c0;
    --c-link-hover:    #cb7e3e;
    --c-price:         #b12704;
    /* Palette — not exposed in admin */
    --c-text-muted:    #5a564e;
    --c-text-mute:     #8a857b;
    --c-border:        rgba(20, 17, 13, 0.08);
    --c-border-2:      rgba(20, 17, 13, 0.16);
    --c-bg:            #ffffff;
    --c-bg-alt:        #f6f4ef;
    --c-bg-alt-2:      #ece8df;
    --c-price-old:     #8a857b;
    --c-price-special: #ee001c;
    --c-dark-surface:  #111315;
    /* Dark chrome — header, topbar, brand rail */
    --c-d-bg:          #0b0c0d;
    --c-d-surface:     #111315;
    --c-d-surface-2:   #16191c;
    --c-d-surface-3:   #1f2327;
    --c-d-line:        rgba(255, 255, 255, 0.09);
    --c-d-line-2:      rgba(255, 255, 255, 0.16);
    --c-d-text:        #f4f1ec;
    --c-d-text-dim:    #a8a39a;
    --c-d-text-mute:   #76726a;
    /* Region backgrounds — admin-driven */
    --c-header-bg:     var(--c-d-bg);
    --c-topbar-bg:     var(--c-primary);
    --c-footer-bg:     #111318;
    --c-footer-text:   #8a92a6;
    --c-footer-link:   #d0d6e0;
    /* Boi aliases (historical) — admin-driven */
    --boi-link:             var(--c-link);
    --boi-accent:           #eeba38;
    --boi-header-bg:        var(--c-header-bg);
    --boi-topbar-bg:        var(--c-topbar-bg);
    --boi-footer-bg:        var(--c-footer-bg);
    --boi-footer-link:      var(--c-footer-link);
    --boi-footer-text:      var(--c-footer-text);
    --boi-header-color:     #fff;
    --boi-nav-color:        #fff;
    /* Icons (injected dynamically by block, static fallbacks here) */
    --boi-icon-chevron:     url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a92a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");
    --boi-icon-search:      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
    /* Maho base aliases — admin-driven */
    --maho-color-primary:      var(--c-primary);
    --maho-color-primary-hover: var(--c-primary-hover);
    --maho-color-price:        var(--c-price);
    --maho-color-text-primary: var(--c-text);
    --maho-color-background:   var(--c-bg);
    --maho-color-border:       var(--c-border);
    --maho-color-text-secondary: var(--c-text-muted);
    /* Radius */
     --r-sm: 4px;
    --r-md: 6px;
    --r-lg: 8px;

    /* New Layout Tokens */
    --boi-radius:          var(--r-sm);
    --boi-container-width: 1200px;
    --boi-shadow:          0 8px 24px rgba(0,0,0,0.08); /* medium */
    --p-base:              16px; /* cozy */
    
    /* Component Defaults */
    --card-border:         1px solid var(--c-border);
    --card-shadow:         none;
    --card-bg:             #fff;
    
    --btn-bg:              var(--c-primary);
    --btn-border:          var(--c-primary);
    --btn-color:           #fff;
    --btn-hover-bg:        var(--c-primary-hover);
    /* Type scale — base is admin-driven. All other sizes scale automatically via mathematical ratios. */
    --fs-base: 14px;
    --fs-xs:   calc(var(--fs-base) * 0.85);
    --fs-sm:   calc(var(--fs-base) * 0.95);
    --fs-md:   calc(var(--fs-base) * 1.15);
    --fs-lg:   calc(var(--fs-base) * 1.4);
    --fs-xl:   calc(var(--fs-base) * 1.75);
    --fs-2xl:  calc(var(--fs-base) * 2.25);
    /* Line heights */
    --lh-tight:   1.2;
    --lh-snug:    1.35;
    --lh-normal:  1.5;
    --lh-relaxed: 1.7;
    /* Fonts — admin-driven (Archivo display + Inter body + JetBrains Mono per
       eyebrows/labels da MahoBoi mega-menu spec) */
    --boi-font-body:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --boi-font-headings: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --boi-font-display:  var(--boi-font-headings);
    --boi-font-mono:     'JetBrains Mono', ui-monospace, 'SF Mono', Consolas, monospace;
    /* Misc */
    --t: 0.15s ease;
    --header-z: 1000;
    --dropdown-z: 1100;
}