/* ============================================================
   variables.css — ÚNICA fuente de verdad de colores del proyecto
   ============================================================
   En cada proyecto: sustituir --primary, --secondary, --tertiary
   (y sus shades d0-d7 / l1-l5 + variantes -rgb) por los colores
   corporativos del cliente.

   Alternativa rápida: activar un skin prefabricado (ver
   themes/porto/css/skins/skin-*.css) cambiando el <link id="skinCSS">
   en _partials/headers/classic.tpl. El skin solo necesita declarar
   las variables que difieran del default.

   Reglas:
   - NO escribir colores hex/rgba fuera de este archivo (o de un skin).
     En custom.css y demos usar siempre var(--primary) o
     rgba(var(--primary-rgb), .X).
   - Cada cambio de --primary debe ir acompañado de recalcular sus
     shades (d0-d7, l1-l5) y la variante --primary-rgb.

   Ver CONVENTIONS.md §18 para la guía completa.
   ============================================================ */

:root {

    /* ── Primary · Tinta china (墨) ───────────────────────
       Casi negro neutro con un toque cálido. Es el color del texto
       editorial, los bordes finos y los números monoespaciales que
       articulan la carta. NO es un color de marca alegre — es el
       color del oficio. */
    --primary-d7: #000000;
    --primary-d5: #050505;
    --primary-d4b: #070707;
    --primary-d4: #0A0A0A;
    --primary-d3: #0D0D0D;
    --primary-d2b: #0F0F0F;
    --primary-d2: #111111;
    --primary-d1b: #131313;
    --primary-d1: #151515;
    --primary-d0b: #171717;
    --primary-d0c: #181818;
    --primary-d0: #191919;
    --primary: #1A1A1A;
    --primary-l1: #2C2C2C;
    --primary-l1b: #333333;
    --primary-l2: #3D3D3D;
    --primary-l3: #4A4A4A;
    --primary-l3b: #555555;
    --primary-l4: #6B6B6B;
    --primary-l5: #888888;

    /* ── Secondary · Tinta diluida (淡墨) ──────────────────
       Marrón frío para cuerpo de texto largo, metadatos
       monoespaciales y descripciones secundarias. Lee bien sobre
       papel crudo sin competir con la tinta china. */
    --secondary-d5: #1E1B19;
    --secondary-d4: #25221F;
    --secondary-d3: #2C2926;
    --secondary-d2: #34302D;
    --secondary-d1: #3B3733;
    --secondary-d0: #423E3A;
    --secondary-d0b: #444039;
    --secondary-d0c: #46413B;
    --secondary-d0d: #48443F;
    --secondary: #4A4642;
    --secondary-l1: #57534F;
    --secondary-l2: #6E6A66;
    --secondary-l3: #847F7B;
    --secondary-l4: #9C9793;

    /* ── Tertiary · Jade quemado (烧青) ────────────────────
       El único acento cromático del sistema. Verde jade apagado,
       lejos del verde menta moderno y del rojo farolillo evidente.
       Se usa para enlaces, hover, badges y separadores con
       intención. */
    --tertiary-d5: #1F2A23;
    --tertiary-d4: #283831;
    --tertiary-d3: #324438;
    --tertiary-d2: #3D5043;
    --tertiary-d1: #485C4F;
    --tertiary-d0: #54705E;
    --tertiary-d0b: #567462;
    --tertiary-d0c: #587765;
    --tertiary-d0d: #5A7866;
    --tertiary: #5C7A65;
    --tertiary-l1: #6A8472;
    --tertiary-l2: #7B9382;
    --tertiary-l3: #93A89A;
    --tertiary-l4: #B3C2B8;

    /* ── Quaternary Color ──────────────────────────── */
    --quaternary-d9: #0a0c0d;
    --quaternary-d8: #0b0d0f;
    --quaternary-d7: #101214;
    --quaternary-d6c: #111315;
    --quaternary-d6: #111316;
    --quaternary-d6b: #131618;
    --quaternary-d5: #151719;
    --quaternary-d5b: #16181b;
    --quaternary-d5c: #17191d;
    --quaternary-d4: #181b1e;
    --quaternary-d3: #1a1d21;
    --quaternary-d3c: #1b1f22;
    --quaternary-d3b: #1c2023;
    --quaternary-d2: #202528;
    --quaternary-d2b: #22262b;
    --quaternary-d1: #262a2f;
    --quaternary-d1b: #272c32;
    --quaternary-d0: #282d31;
    --quaternary-d0b: #2c3237;
    --quaternary-d0c: #2d323a;
    --quaternary-d0d2: #31373f;
    --quaternary-d0d: #32383e;
    --quaternary-d0d3: #323941;
    --quaternary-d0e: #333940;
    --quaternary-alt: #383f45;
    --quaternary: #383f48;
    --quaternary-l1: #3f4247;
    --quaternary-l1b: #3f4751;
    --quaternary-l2: #434c56;
    --quaternary-l3: #49525e;
    --quaternary-l4: #4e5865;

    /* ── Dark ──────────────────────────── */
    --dark: #212529;

    /* ── Neutrals ──────────────────────────── */
    --black: #000000;
    --gray-950: #010101;
    --gray-940: #030404;
    --gray-935: #060607;
    --gray-930: #08090a;
    --gray-920: #0d0e10;
    --gray-900b: #0f1112;
    --gray-900: #111111;
    --gray-900c: #121416;
    --gray-875: #1a1c1e;
    --gray-870: #1e1e1e;
    --gray-850: #212121;
    --gray-825: #282828;
    --gray-820: #2a2a2a;
    --gray-815: #2b2b2b;
    --gray-800: #333333;
    --gray-750: #3c3c3c;
    --gray-740: #3e3e3e;
    --gray-730: #404040;
    --gray-700: #444444;
    --gray-690: #474747;
    --gray-650: #505050;
    --gray-600: #555555;
    --gray-575b: #5e5d5d;
    --gray-575: #5e5e5e;
    --gray-550: #646464;
    --gray-530: #666666;
    --gray-520: #696969;
    --gray-500: #777777;
    --gray-blue: #808697;
    --gray-450: #888888;
    --gray-430: #8d8d8d;
    --gray-420: #919090;
    --gray-400: #969696;
    --gray-380: #999999;
    --gray-360: #a1a1a1;
    --gray-350: #a8a8a8;
    --gray-340: #a9a9a9;
    --gray-340b: #a9a9aa;
    --gray-335: #ababab;
    --gray-330: #adadad;
    --gray-310: #b1b1b1;
    --gray-305: #b2b2b2;
    --gray-300: #b3b2b2;
    --gray-302: #b3b3b3;
    --gray-290: #b7b7b7;
    --gray-280: #b9b9b9;
    --gray-275: #bab9be;
    --gray-278: #bababa;
    --gray-270: #bbbbbb;
    --gray-260: #bdbdbd;
    --gray-250: #bfbfbf;
    --gray-240: #c1c1c1;
    --gray-230: #c4c4c4;
    --gray-220: #c9c9c9;
    --gray-200: #cccccc;
    --gray-190: #cecece;
    --gray-180: #d1d1d1;
    --gray-175: #d2d2d2;
    --gray-170: #d3d8dc;
    --gray-168: #d4d3d3;
    --gray-165: #d5d5d5;
    --gray-160: #d8d8d8;
    --gray-155: #d9d9d9;
    --gray-152: #d9dadc;
    --gray-150: #dadada;
    --gray-140: #dddddd;
    --gray-135: #dedede;
    --gray-133: #dee2e6;
    --gray-130: #dfdfdf;
    --gray-127: #e0e0e0;
    --gray-128: #e0e1e4;
    --gray-125: #e2e2e2;
    --gray-123: #e3e3e3;
    --gray-121: #e5e3df;
    --gray-120: #e5e5e5;
    --gray-118: #e5e7e9;
    --gray-115: #e6e5e5;
    --gray-110: #e6e6e6;
    --gray-108: #e7e7e7;
    --gray-105: #e8e8e8;
    --gray-103: #e9e9e9;
    --gray-100: #eaeaea;
    --gray-98: #ebebeb;
    --gray-95: #ececec;
    --gray-90: #ededed;
    --gray-85: #eeeeee;
    --gray-82: #efefef;
    --gray-80: #f1f1f1;
    --gray-75: #f2f2f2;
    --gray-70: #f4f4f4;
    --gray-65: #f5f5f5;
    --gray-50: #f7f7f7;
    --gray-45: #f8f9fa;
    --gray-40: #f9f9f9;
    --gray-35: #fafafa;
    --gray-30: #fcfcfc;
    --gray-25: #fefefe;
    --white: #ffffff;

    /* ── Bootstrap Colors ──────────────────────────── */
    --bs-success-alt: #0cc485;
    --bs-info-dark: #117a8b;
    --bs-info-d1: #138496;
    --bs-success-d2: #145523;
    --bs-info: #17a2b8;
    --bs-info-l1: #1bc0da;
    --bs-success-dark: #1e7e34;
    --bs-info-l2: #1fc8e3;
    --bs-success-d1: #218838;
    --bs-success: #28a745;
    --bs-success-l1: #2fc652;
    --bs-success-l2: #34ce57;
    --bs-danger-d5: #843534;
    --bs-danger-d4: #921925;
    --bs-warning-d2: #a07800;
    --bs-danger-d6: #a94442;
    --bs-danger-dark: #bd2130;
    --bs-danger-d3: #c3191e;
    --bs-danger-d1: #c82333;
    --bs-danger-d2: #cc2127;
    --bs-warning-dark: #d39e00;
    --bs-danger: #dc3545;
    --bs-warning-d1: #e0a800;
    --bs-danger-l2: #e25663;
    --bs-danger-l1: #e4606d;
    --bs-danger-l3: #e53f51;
    --bs-warning: #ffc107;
    --bs-warning-l1: #ffcb2d;
    --bs-warning-l2: #ffce3a;

    /* ── Special Colors ──────────────────────────── */
    --clr-blue-link: #0073b2;
    --clr-sky-blue2: #00b0f6;
    --clr-dark-teal: #0c525d;
    --clr-near-black: #0e0e0e;
    --clr-near-black2: #181818;
    --clr-teal-dark: #1a7576;
    --clr-sky-blue: #1aa9e1;
    --clr-dark-alt: #222222;
    --clr-whatsapp: #25d366;
    --clr-dark-alt2: #272a2e;
    --clr-linkedin: #304e6c;
    --clr-green-accent: #36c57a;
    --clr-dark-blue: #39404c;
    --clr-facebook: #3b5a9a;
    --clr-dark-slate: #3c444b;
    --clr-body-secondary: #495057;
    --clr-dark-text: #4c4c4c;
    --clr-dark-indigo: #505461;
    --clr-social-blue: #6383a8;
    --clr-mid-gray: #676767;
    --clr-dark-gray-blue: #6a6a6d;
    --clr-featured: #6c6ef1;
    --clr-gray-text: #737272;
    --clr-gray-text2: #757575;
    --clr-teal-gray: #78888d;
    --clr-brown: #7c4a3a;
    --clr-gray-text3: #838383;
    --clr-error: #b20000;
    --clr-instagram: #bd2690;
    --clr-error-dark: #c10000;
    --clr-light-blue-gray: #cbd3da;
    --clr-error-muted: #ce8483;
    --clr-error-red: #d01a34;
    --clr-google: #dd4b39;
    --clr-error-light: #e21a1a;
    --clr-pink: #e2498e;
    --clr-error-red2: #eb223f;
    --clr-alert-red2: #ed5348;
    --clr-red: #ff0000;
    --clr-alert-orange: #ff4107;
    --clr-alert-red: #ff5b5b;
    --clr-orange: #ff8201;

    /* ── RGB Components (for rgba usage) ──────── */
    --black-rgb: 0, 0, 0;
    --bs-danger-rgb: 220, 53, 69;
    --bs-info-rgb: 23, 162, 184;
    --bs-success-rgb: 40, 167, 69;
    --bs-warning-rgb: 255, 193, 7;
    --clr-error-red2-rgb: 235, 34, 63;
    --dark-rgb: 33, 37, 41;
    --gray-50-rgb: 247, 247, 247;
    --gray-95-rgb: 236, 236, 236;
    --gray-100-rgb: 234, 234, 234;
    --gray-110-rgb: 230, 230, 230;
    --gray-200-rgb: 204, 204, 204;
    --gray-221-rgb: 200, 200, 200;
    --gray-250-rgb: 191, 191, 191;
    --gray-300-rgb: 179, 178, 178;
    --gray-416-rgb: 145, 145, 145;
    --gray-650-rgb: 80, 80, 80;
    --gray-700-rgb: 68, 68, 68;
    --gray-740-rgb: 62, 62, 62;
    --gray-800-rgb: 51, 51, 51;
    --gray-850-rgb: 33, 33, 33;
    --gray-901-rgb: 23, 23, 23;
    --primary-d3-rgb: 13, 13, 13;
    --primary-rgb: 26, 26, 26;
    --quaternary-d1-rgb: 38, 42, 47;
    --quaternary-d2b-rgb: 34, 38, 43;
    --quaternary-d9-rgb: 10, 12, 13;
    --quaternary-rgb: 56, 63, 72;
    --secondary-d1-rgb: 59, 55, 51;
    --secondary-rgb: 74, 70, 66;
    --tertiary-d1-rgb: 72, 92, 79;
    --tertiary-rgb: 92, 122, 101;
    --white-rgb: 255, 255, 255;

    /* ──────────────────────────────────────────────
       XML · Sistema Xiang Man Lou
       Vocabulario: crema cálida, terracota, dorado, soja.
       Restaurante de pueblo bien hecho — útil antes que bonito.
       NO escribir hex aquí ni en custom.css fuera de var().
       ────────────────────────────────────────────── */

    /* Fondo crema cálido · NO blanco, NO papel-crudo-editorial */
    --xml-paper: #FBF7EE;
    --xml-paper-soft: #F5EFE0;
    --xml-paper-deep: #EDE4CE;
    --xml-paper-rgb: 251, 247, 238;

    /* Tinta soja · texto principal, marrón cálido oscuro (no negro) */
    --xml-ink: #2A1F19;
    --xml-ink-rgb: 42, 31, 25;

    /* Textos secundarios */
    --xml-text: #3C2E25;
    --xml-text-muted: #6B5B50;
    --xml-text-soft: #8F8074;
    --xml-text-rgb: 60, 46, 37;

    /* Líneas */
    --xml-rule: rgba(42, 31, 25, 0.12);
    --xml-rule-strong: rgba(42, 31, 25, 0.22);
    --xml-rule-faint: rgba(42, 31, 25, 0.06);

    /* Terracota · ACENTO PRINCIPAL · CTAs, links, badges, precios destacados */
    --xml-clay: #C2422D;
    --xml-clay-deep: #A6361F;
    --xml-clay-soft: #E89B8C;
    --xml-clay-tint: #FBE7E0;
    --xml-clay-rgb: 194, 66, 45;

    /* Dorado mostaza · acento secundario suave para detalles */
    --xml-honey: #B58A2E;
    --xml-honey-deep: #8F6A1F;
    --xml-honey-soft: #E8D49A;
    --xml-honey-tint: #F8EFD5;
    --xml-honey-rgb: 181, 138, 46;

    /* Verde oliva · vegetariano */
    --xml-olive: #6A8A3E;
    --xml-olive-soft: #C9D8AE;
    --xml-olive-rgb: 106, 138, 62;

    /* WhatsApp verde · estándar */
    --xml-wa: #25D366;
    --xml-wa-deep: #1FA94F;
    --xml-wa-rgb: 37, 211, 102;

    /* Picante · badge */
    --xml-spicy: #D54B2A;
    --xml-spicy-rgb: 213, 75, 42;

    /* ABIERTO / CERRADO indicador */
    --xml-open: #1FA94F;
    --xml-closed: #B8462E;

    /* Backgrounds de superficie */
    --xml-surface: #FFFFFF;
    --xml-surface-soft: #FCFAF4;
    --xml-surface-warm: #F8EFD5;
    --xml-surface-shadow: 0 1px 2px rgba(42, 31, 25, 0.05), 0 4px 14px rgba(42, 31, 25, 0.07);
    --xml-surface-shadow-hover: 0 2px 6px rgba(42, 31, 25, 0.08), 0 12px 28px rgba(42, 31, 25, 0.13);

    /* Alias heredados (compat con xml-lacquer, xml-jade, xml-red en código viejo) */
    --xml-lacquer: var(--xml-clay);
    --xml-lacquer-deep: var(--xml-clay-deep);
    --xml-lacquer-rgb: var(--xml-clay-rgb);
    --xml-jade: var(--xml-olive);
    --xml-jade-deep: var(--xml-olive);
    --xml-jade-soft: var(--xml-olive-soft);
    --xml-jade-rgb: var(--xml-olive-rgb);
    --xml-red: var(--xml-clay);
    --xml-red-deep: var(--xml-clay-deep);
    --xml-red-rgb: var(--xml-clay-rgb);
    --xml-border: var(--xml-rule);
    --xml-border-strong: var(--xml-rule-strong);
    --xml-ink-soft: var(--xml-text);

    /* Tipografía · dos sans-serif (Inter cuerpo · Manrope display) */
    --xml-font-display: 'Manrope', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --xml-font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --xml-font-mono:    'Inter', system-ui, -apple-system, monospace;

    /* Espaciado — moderado, no editorial */
    --xml-space-section: clamp(3rem, 6vw, 5.5rem);
    --xml-space-block:   clamp(2rem, 4vw, 3.5rem);
    --xml-space-text:    1.3em;

    /* Sombras suaves restaurante */
    --xml-shadow-sm: 0 1px 2px rgba(42, 31, 25, 0.06), 0 1px 3px rgba(42, 31, 25, 0.10);
    --xml-shadow-md: 0 2px 4px rgba(42, 31, 25, 0.07), 0 6px 14px rgba(42, 31, 25, 0.10);
    --xml-shadow-lg: 0 4px 10px rgba(42, 31, 25, 0.09), 0 14px 32px rgba(42, 31, 25, 0.13);

    --xml-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
    --xml-duration: 0.22s;

    /* Radios suaves · calidez, no brutalismo */
    --xml-radius-xs: 6px;
    --xml-radius: 10px;
    --xml-radius-lg: 16px;
    --xml-radius-pill: 999px;

    /* Override de Porto · alinear --primary con clay para que .btn-primary, links, etc. usen la marca */
    --primary: var(--xml-clay);
    --primary-rgb: var(--xml-clay-rgb);
    --primary-d1: var(--xml-clay-deep);
    --primary-d2: var(--xml-clay-deep);
    --secondary: var(--xml-honey);
    --secondary-rgb: var(--xml-honey-rgb);


    /* ── Additional Neutrals ──────────────────── */
    --gray-953: #0c0c0c;
    --gray-901: #171717;
    --gray-902: #191919;
    --gray-890: #1c1c1c;
    --gray-875b: #202020;
    --gray-855: #252525;
    --gray-827: #2c2c2c;
    --gray-824: #2d2d2d;
    --gray-804: #323232;
    --gray-792: #353535;
    --gray-763: #3c3d3d;
    --gray-735: #414346;
    --gray-729: #454545;
    --gray-724: #43474a;
    --gray-718: #46474a;
    --gray-704: #494b4e;
    --gray-692: #4d4e50;
    --gray-688: #52504d;
    --gray-639: #58605a;
    --gray-633: #5c5d5f;
    --gray-625: #60635c;
    --gray-604: #646466;
    --gray-561: #707070;
    --gray-547: #747473;
    --gray-455: #8b8b8b;
    --gray-451: #8c8c8c;
    --gray-443: #8e8e8e;
    --gray-416: #919191;
    --gray-402: #95989c;
    --gray-388: #9c9c9c;
    --gray-384: #9d9d9d;
    --gray-380b: #9e9e9e;
    --gray-333: #aaaaaa;
    --gray-325: #acacac;
    --gray-292: #b8b5b1;
    --gray-290b: #b5b5b5;
    --gray-227: #c5c5c5;
    --gray-220b: #c7c7c7;
    --gray-221: #c8c8c8;
    --gray-169: #d4d4d4;
    --gray-141: #dbdbdb;
    --gray-139: #dadcdd;
    --gray-106: #e4e4e4;
    --gray-88: #e8e9e9;
    --gray-59: #f0f0f0;
    --gray-47: #f3f3f3;
    --gray-27: #f8f8f8;

    /* ── Colored Grays ──────────────────────────── */
    --gray-blue-871: #1e1e24;
    --gray-blue-853: #222529;
    --gray-blue-833: #28292d;
    --gray-blue-786: #31363c;
    --gray-warm-782: #3f3035;
    --gray-blue-778: #34383d;
    --gray-blue-775: #36393d;
    --gray-blue-739: #3c3e49;
    --gray-blue-733: #3a444e;
    --gray-blue-727: #424549;
    --gray-blue-716: #404751;
    --gray-blue-714: #44494e;
    --gray-warm-710: #544b40;
    --gray-blue-657: #50545f;
    --gray-blue-622: #5a6267;
    --gray-blue-576: #646974;
    --gray-blue-488: #727c93;
    --gray-blue-363: #9aa1ab;
    --gray-blue-359: #96a1b1;
    --gray-blue-322: #a5a7b5;
    --gray-blue-310: #a8b1b8;
    --gray-blue-290: #acb4be;
    --gray-blue-280: #adb3c2;
    --gray-blue-280b: #b1b6be;
    --gray-warm-269: #beb7b9;
    --gray-blue-224: #c0c1cc;
    --gray-blue-220: #c4c7ca;
    --gray-blue-214: #c3c7ce;
    --gray-blue-173: #d0d3d6;
    --gray-blue-112: #e0e1e5;
    --gray-blue-110: #e1e3e5;
    --gray-blue-102: #e2e5e8;
    --gray-blue-100: #e3e4e8;
    --gray-blue-55: #eff1f3;
    --gray-blue-35: #f5f7f7;

    /* ── Additional Special Colors ──────────────── */
    --clr-red-mid: #d20d0d;
    --clr-red-light: #ef4545;
    --clr-red-light-3: #fa4141;
    --clr-red-light-4: #fc5956;
    --clr-red-light-2: #f4544c;
    --clr-red-mid-2: #f4522b;
    --clr-orange-tint: #f4f0ed;
    --clr-orange-deep: #964b00;
    --clr-orange-tint-2: #f6f3ef;
    --clr-orange-tint-3: #f9f7f4;
    --clr-orange-mid: #ff9b00;
    --clr-yellow-tint: #fffcd6;
    --clr-green-mid-2: #39b54a;
    --clr-green-dark: #245432;
    --clr-green-mid: #24cf5f;
    --clr-green-mid-3: #4a8961;
    --clr-cyan-light: #5ae2ff;
    --clr-cyan-pale-2: #dde5e7;
    --clr-cyan-pale: #dde4e6;
    --clr-cyan-deep: #536f78;
    --clr-blue-tint-6: #ecf2f4;
    --clr-blue-mid-3: #2baae1;
    --clr-blue-light: #3cc4ff;
    --clr-blue-deep-2: #0184c2;
    --clr-blue-mid-2: #1ea6ea;
    --clr-blue-deep: #0077b5;
    --clr-blue-dark-4: #192830;
    --clr-blue-dark-10: #2c3b43;
    --clr-blue-dark-2: #111c22;
    --clr-blue-mid: #0092e3;
    --clr-blue-light-2: #80c9f2;
    --clr-blue-light-3: #90c9ea;
    --clr-blue-tint-3: #e8edf0;
    --clr-blue-mid-7: #5081aa;
    --clr-blue-dark-3: #182027;
    --clr-blue-light-4: #93bae4;
    --clr-blue-dark-7: #242e39;
    --clr-blue-dark-8: #252f3a;
    --clr-blue-tint: #dde5ee;
    --clr-blue-tint-2: #e5edf6;
    --clr-blue-pale-4: #d6dde5;
    --clr-blue-tint-5: #ecf1f7;
    --clr-blue-tint-9: #f4f9ff;
    --clr-blue-pale-3: #ced6e1;
    --clr-blue-light-5: #a3b2c7;
    --clr-blue-tint-11: #f7f9fc;
    --clr-blue-mid-6: #4d70a8;
    --clr-blue-pale-5: #dde2ea;
    --clr-blue-dark-11: #313946;
    --clr-blue-mid-5: #395b98;
    --clr-blue-tint-12: #f8f9fb;
    --clr-blue-tint-8: #f1f3f7;
    --clr-blue-mid-4: #2d529f;
    --clr-blue-dark-9: #262d3d;
    --clr-blue-pale: #a3b6e7;
    --clr-blue-pale-2: #cbd5f1;
    --clr-blue-dark-5: #1a1e2a;
    --clr-blue-dark-6: #1f222b;
    --clr-blue-tint-10: #f5f6fb;
    --clr-blue-tint-7: #f0f2fc;
    --clr-blue-tint-4: #ebebf4;
    --clr-blue-tint-13: #fafafc;
    --clr-blue-dark: #020024;
    --clr-pink-mid: #d948dd;
    --clr-pink-dark: #36252b;




    /* ── Final Additional Colors ────────────────── */
    --gray-blue-628: #53585e;
    --clr-brown-dark: #5e4701;
    --clr-cyan-mid: #66ccff;
    --clr-cyan-pale-3: #c7ecff;
    --clr-green-pale: #d3f1d4;
    --clr-red-pale: #f79a82;
    --clr-yellow-mid: #fdd55c;
    --clr-pink-tint: #fefbfc;
}