/* Generado por scripts/tokens/build_tokens.py desde static/src/tokens/tokens.json. No editar. */
/*
 * Tokens de diseño de la tienda ISLENCY.
 * Se carga en <head> antes de los CSS del tema (views/brand_css.xml).
 */
:root,
body.o_theme_islency_nova {
    /* ── Paleta ── */
    --islency-deep: #123b50;
    --islency-turquoise: #19a7a0;
    --islency-turquoise-dark: #12827c;
    --islency-turquoise-hover: #12847e;
    --islency-turquoise-light: #4dc4be;
    --islency-sea-medium: #2a7d8c;
    --islency-sea-light: #4db8b2;
    --islency-coral: #e87561;
    --islency-coral-dark: #d45d4a;
    --islency-coral-light: #f0a090;
    --islency-sand: #dfe8ee;
    --islency-sand-border: #e3eaf0;
    --islency-sand-muted: #edf3f6;
    --islency-ivory: #f4f8fa;
    --islency-amber-soft: #fdf3e4;
    --islency-amber-ink: #8a4b0f;
    --islency-white: #ffffff;
    --islency-canvas: #eef4f8;
    --islency-ink: #123b50;
    --islency-ink-muted: #5a7380;
    --islency-ink-subtle: #8aa0ab;
    --islency-line: #e3eaf0;
    --islency-delivery: #1f6b4a;
    --islency-ink-strong: #191919;
    --islency-surface-subtle: #f8fafc;
    --islency-ice: #f4f8fb;
    --islency-danger: #c0392b;

    /* ── Radios ── */
    --islency-radius-sm: 8px;
    --islency-radius-md: 12px;
    --islency-radius-lg: 18px;
    --islency-radius-xl: 24px;

    /* ── Sombras ── */
    --islency-shadow-soft: 0 8px 28px rgba(18, 59, 80, 0.08);
    --islency-shadow-float: 0 12px 40px rgba(18, 59, 80, 0.1);

    /* ── Escala tipográfica ── */
    --islency-type-display: 2.25rem;
    --islency-type-h1: 1.75rem;
    --islency-type-h2: 1.375rem;
    --islency-type-h3: 1.125rem;
    --islency-type-body: 1rem;
    --islency-type-small: 0.875rem;
    --islency-type-caption: 0.75rem;

    /* ── Familias tipográficas ── */
    --islency-font-family-base: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --islency-font-family-heading: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --islency-font-family-btn: var(--islency-font-family-base);
    --islency-font-family-nav: var(--islency-font-family-base);
    --islency-font-family-email: 'Source Sans 3', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

    /* ── Botones ── */
    --islency-btn-padding-y: 0.625rem;
    --islency-btn-padding-x: 1.25rem;
    --islency-btn-font-size: 0.9375rem;
    --islency-btn-font-weight: 600;
    --islency-btn-border-radius: 0.5rem;
    --islency-btn-min-height: 2.5rem;
    --islency-btn-shadow: none;
    --islency-btn-sm-padding-y: 0.375rem;
    --islency-btn-sm-padding-x: 0.875rem;
    --islency-btn-sm-font-size: 0.8125rem;
    --islency-btn-sm-border-radius: 0.375rem;
    --islency-btn-sm-min-height: 2rem;
    --islency-btn-primary-bg: var(--islency-turquoise, #19a7a0);
    --islency-btn-primary-border: var(--islency-turquoise, #19a7a0);
    --islency-btn-primary-color: #ffffff;
    --islency-btn-primary-hover-bg: var(--islency-brand-btn-primary-hover);
    --islency-btn-primary-hover-border: var(--islency-brand-btn-primary-hover);
    --islency-btn-primary-hover-color: #ffffff;
    --islency-btn-secondary-bg: #ffffff;
    --islency-btn-secondary-color: var(--islency-brand-ink);
    --islency-btn-secondary-border: var(--islency-brand-border);
    --islency-btn-secondary-hover-bg: var(--islency-brand-portal-muted);
    --islency-btn-secondary-hover-color: var(--islency-brand-sea-dark);
    --islency-btn-secondary-hover-border: color-mix(in srgb, var(--islency-brand-sea) 38%, var(--islency-brand-border));
    --islency-btn-active-bg: var(--islency-btn-primary-bg);
    --islency-btn-active-border: var(--islency-btn-primary-border);
    --islency-btn-active-color: var(--islency-btn-primary-color);
    --islency-btn-accent-bg: var(--islency-brand-palm-light, #ffcc28);
    --islency-btn-accent-border: var(--islency-brand-palm-light, #ffcc28);
    --islency-btn-accent-color: var(--islency-brand-sea-dark);
    --islency-btn-accent-hover-bg: var(--islency-brand-palm, #e8a818);
    --islency-btn-accent-hover-border: var(--islency-brand-palm, #e8a818);
    --islency-btn-accent-hover-color: var(--islency-brand-sea-dark);

    /* ── Botón del buscador de la cabecera ── */
    --islency-search-btn-bg: var(--islency-turquoise, #19a7a0);
    --islency-search-btn-hover-bg: var(--islency-turquoise-hover);
    --islency-search-btn-color: #ffffff;
    --islency-search-btn-size: 2.75rem;
    --islency-search-btn-margin: 0;
    --islency-search-btn-radius: 0;
    --islency-search-btn-shadow: none;

    /* ── Alias de compatibilidad ── */
    --islency-brand-sea: var(--islency-turquoise);
    --islency-brand-sea-dark: var(--islency-deep);
    --islency-brand-sea-medium: var(--islency-sea-medium);
    --islency-brand-sea-light: var(--islency-sea-light);
    --islency-brand-grass: var(--islency-turquoise);
    --islency-brand-grass-dark: var(--islency-turquoise-dark);
    --islency-brand-grass-light: var(--islency-turquoise-light);
    --islency-brand-palm: var(--islency-coral);
    --islency-brand-palm-dark: var(--islency-coral-dark);
    --islency-brand-palm-light: var(--islency-coral-light);
    --islency-brand-turquoise: var(--islency-turquoise);
    --islency-brand-sand: var(--islency-sand);
    --islency-brand-page-bg: var(--islency-canvas);
    --islency-brand-nav-bg: var(--islency-deep);
    --islency-brand-ink: var(--islency-deep);
    --islency-brand-ink-soft: var(--islency-brand-ink);
    --islency-brand-ink-muted: var(--islency-ink-muted);
    --islency-brand-border: var(--islency-sand-border);
    --islency-brand-surface: var(--islency-white);
    --islency-brand-portal-bg: var(--islency-ivory);
    --islency-brand-portal-muted: var(--islency-sand-muted);
    --islency-brand-panel-grass: linear-gradient(180deg, #e8f7e0 0%, #d4efc8 100%);
    --islency-brand-btn-primary-hover: #0f3d5c;
    --islency-brand-btn-primary-hover: color-mix(in srgb, var(--islency-brand-sea-dark) 88%, #000);
    --islency-shop-deep: var(--islency-deep);
    --islency-shop-page-bg: var(--islency-canvas);
    --islency-shop-turquoise: var(--islency-turquoise);

    /* ── Puente con Bootstrap ── */
    --bs-primary: var(--islency-turquoise);
    --bs-primary-rgb: 25, 167, 160;
    --bs-body-color: var(--islency-ink);
    --bs-secondary-color: var(--islency-ink-muted);
    --bs-secondary: var(--islency-brand-grass);
    --bs-link-color: var(--islency-brand-sea);
    --bs-link-hover-color: var(--islency-brand-sea-dark);
    --bs-font-sans-serif: var(--islency-font-family-base);
    --bs-body-font-family: var(--islency-font-family-base);
    --bs-headings-font-family: var(--islency-font-family-heading);
}