/* ═══════════════════════════════════════════════════════════
   BELFATTO DESIGN SYSTEM — tokens.css v2.2.0
   Source: Figma agspqlY2NkbtepY3X30QYO (node 284-1995 — interactive states)
   ═══════════════════════════════════════════════════════════ */

/* ── 1. PRIMITIVES ──────────────────────────────────────────── */
:root {
    /* limonada/green */
    --primitive-limonada-green-50: #FBFDED;
    --primitive-limonada-green-100: #F4F7C8;
    --primitive-limonada-green-200: #ECF48A;
    --primitive-limonada-green-300: #E3EF57;
    --primitive-limonada-green-400: #E2EA4E;
    --primitive-limonada-green-500: #DBE64C;
    --primitive-limonada-green-600: #C2CC2A;
    --primitive-limonada-green-700: #9BA336;
    --primitive-limonada-green-800: #787F2A;
    --primitive-limonada-green-900: #4A4D06;
    /* limonada/olive-grey */
    --primitive-limonada-olive-grey-50: #F6F7ED;
    --primitive-limonada-olive-grey-100: #FCFDF9;
    --primitive-limonada-olive-grey-200: #F9FAF3;
    --primitive-limonada-olive-grey-300: #F0F1E8;
    --primitive-limonada-olive-grey-400: #E0E2D8;
    --primitive-limonada-olive-grey-500: #C8CAC0;
    --primitive-limonada-olive-grey-600: #B0B2A8;
    --primitive-limonada-olive-grey-700: #878882;
    --primitive-limonada-olive-grey-800: #676864;
    --primitive-limonada-olive-grey-900: #484944;
    /* limonada/olive-green */
    --primitive-limonada-olive-green-50: #F1F9F0;
    --primitive-limonada-olive-green-100: #D4EDCF;
    --primitive-limonada-olive-green-200: #B8E0AB;
    --primitive-limonada-olive-green-300: #97D183;
    --primitive-limonada-olive-green-400: #90D084;
    --primitive-limonada-olive-green-500: #74C365;
    --primitive-limonada-olive-green-600: #52A643;
    --primitive-limonada-olive-green-700: #528B48;
    --primitive-limonada-olive-green-800: #286320;
    --primitive-limonada-olive-green-900: #174213;
    /* limonada/midnight-blue */
    --primitive-limonada-midnight-blue-50: #E6ECF3;
    --primitive-limonada-midnight-blue-100: #C0CEDF;
    --primitive-limonada-midnight-blue-200: #94AECA;
    --primitive-limonada-midnight-blue-300: #54697E;
    --primitive-limonada-midnight-blue-400: #3D72A3;
    --primitive-limonada-midnight-blue-500: #1A5A94;
    --primitive-limonada-midnight-blue-600: #0D4277;
    --primitive-limonada-midnight-blue-700: #062E5B;
    --primitive-limonada-midnight-blue-800: #031E40;
    --primitive-limonada-midnight-blue-900: #001F3F;
    /* limonada/book-green */
    --primitive-limonada-book-green-50: #E6F2ED;
    --primitive-limonada-book-green-100: #B3E1CC;
    --primitive-limonada-book-green-200: #80CDAA;
    --primitive-limonada-book-green-300: #4DB988;
    --primitive-limonada-book-green-400: #26A86E;
    --primitive-limonada-book-green-500: #00804C;
    --primitive-limonada-book-green-600: #00703E;
    --primitive-limonada-book-green-700: #005D31;
    --primitive-limonada-book-green-800: #00462A;
    --primitive-limonada-book-green-900: #003719;
    /* limonada/blue */
    --primitive-limonada-blue-50: #E9EDF4;
    --primitive-limonada-blue-100: #C8D7EE;
    --primitive-limonada-blue-200: #A2BCE3;
    --primitive-limonada-blue-300: #7AA0D7;
    --primitive-limonada-blue-400: #588CCE;
    --primitive-limonada-blue-500: #1E488F;
    --primitive-limonada-blue-600: #173A7A;
    --primitive-limonada-blue-700: #153366;
    --primitive-limonada-blue-800: #0C204D;
    --primitive-limonada-blue-900: #071437;
    /* system/red */
    --primitive-system-red-50: #FEF2F2;
    --primitive-system-red-100: #FEE2E2;
    --primitive-system-red-200: #FECACA;
    --primitive-system-red-300: #FCA5A5;
    --primitive-system-red-400: #F87171;
    --primitive-system-red-500: #EF4444;
    --primitive-system-red-600: #DC2626;
    --primitive-system-red-700: #B91C1C;
    --primitive-system-red-800: #991B1B;
    --primitive-system-red-900: #7F1D1D;
    /* system/amber */
    --primitive-system-amber-50: #FFFBEB;
    --primitive-system-amber-100: #FEF3C7;
    --primitive-system-amber-200: #FDE68A;
    --primitive-system-amber-300: #FBD86E;
    --primitive-system-amber-400: #FBBF24;
    --primitive-system-amber-500: #F59E0B;
    --primitive-system-amber-600: #D97706;
    --primitive-system-amber-700: #BD900B;
    --primitive-system-amber-800: #92400E;
    --primitive-system-amber-900: #78350F;
    /* system/neutral */
    --primitive-system-neutral-0: #FFFFFF;
    --primitive-system-neutral-50: #F5F5F3;
    --primitive-system-neutral-100: #E0E1DC;
    --primitive-system-neutral-200: #C8CAC3;
    --primitive-system-neutral-300: #AEB1A8;
    --primitive-system-neutral-400: #959890;
    --primitive-system-neutral-500: #6B7066;
    --primitive-system-neutral-600: #565B52;
    --primitive-system-neutral-700: #42463E;
    --primitive-system-neutral-800: #2E312B;
    --primitive-system-neutral-900: #1A1C15;
    /* system/success */
    --primitive-system-success-50: #E6F2ED;
    --primitive-system-success-100: #B3E1CC;
    --primitive-system-success-200: #80CDAA;
    --primitive-system-success-300: #4DB988;
    --primitive-system-success-400: #26A86E;
    --primitive-system-success-500: #00804C;
    --primitive-system-success-600: #00703E;
    --primitive-system-success-700: #005D31;
    --primitive-system-success-800: #00462A;
    --primitive-system-success-900: #003719;
    /* system/info */
    --primitive-system-info-50: #E9EDF4;
    --primitive-system-info-100: #C8D7EE;
    --primitive-system-info-200: #A2BCE3;
    --primitive-system-info-300: #7AA0D7;
    --primitive-system-info-400: #588CCE;
    --primitive-system-info-500: #1E488F;
    --primitive-system-info-600: #173A7A;
    --primitive-system-info-700: #153366;
    --primitive-system-info-800: #0C204D;
    --primitive-system-info-900: #071437;
    /* hortela/white-glove */
    --primitive-hortela-white-glove-50: #FDFCFC;
    --primitive-hortela-white-glove-100: #F7F6F5;
    --primitive-hortela-white-glove-200: #EFEEEC;
    --primitive-hortela-white-glove-300: #E7E6E4;
    --primitive-hortela-white-glove-400: #DDDCDA;
    --primitive-hortela-white-glove-500: #F0EFED;
    --primitive-hortela-white-glove-600: #B8B7B5;
    --primitive-hortela-white-glove-700: #8A8988;
    --primitive-hortela-white-glove-800: #5C5B5A;
    --primitive-hortela-white-glove-900: #2E2E2D;
    /* hortela/sage-bundle */
    --primitive-hortela-sage-bundle-50: #F0F5F3;
    --primitive-hortela-sage-bundle-100: #D9E8E3;
    --primitive-hortela-sage-bundle-200: #C2DBD3;
    --primitive-hortela-sage-bundle-300: #ABCEC3;
    --primitive-hortela-sage-bundle-400: #94C1B3;
    --primitive-hortela-sage-bundle-500: #BAD3C7;
    --primitive-hortela-sage-bundle-600: #6FA799;
    --primitive-hortela-sage-bundle-700: #527D72;
    --primitive-hortela-sage-bundle-800: #36534C;
    --primitive-hortela-sage-bundle-900: #1A2926;
    /* hortela/black-velvet */
    --primitive-hortela-black-velvet-50: #EEEEF1;
    --primitive-hortela-black-velvet-100: #CDCDD6;
    --primitive-hortela-black-velvet-200: #ABABBB;
    --primitive-hortela-black-velvet-300: #8989A0;
    --primitive-hortela-black-velvet-400: #676785;
    --primitive-hortela-black-velvet-500: #222233;
    --primitive-hortela-black-velvet-600: #1B1B29;
    --primitive-hortela-black-velvet-700: #14141F;
    --primitive-hortela-black-velvet-800: #0D0D14;
    --primitive-hortela-black-velvet-900: #06060A;
    /* hortela/tropical-tale */
    --primitive-hortela-tropical-tale-50: #FDFCF5;
    --primitive-hortela-tropical-tale-100: #F8F6E8;
    --primitive-hortela-tropical-tale-200: #F3F0DB;
    --primitive-hortela-tropical-tale-300: #EEEACE;
    --primitive-hortela-tropical-tale-400: #E9E4C1;
    --primitive-hortela-tropical-tale-500: #E0DEB8;
    --primitive-hortela-tropical-tale-600: #B3B293;
    --primitive-hortela-tropical-tale-700: #86856E;
    --primitive-hortela-tropical-tale-800: #595849;
    --primitive-hortela-tropical-tale-900: #2C2C25;
    /* hortela/cote-dazur */
    --primitive-hortela-cote-dazur-50: #E6F3F4;
    --primitive-hortela-cote-dazur-100: #B3DADD;
    --primitive-hortela-cote-dazur-200: #80C1C6;
    --primitive-hortela-cote-dazur-300: #4DA8AF;
    --primitive-hortela-cote-dazur-400: #268F98;
    --primitive-hortela-cote-dazur-500: #017C85;
    --primitive-hortela-cote-dazur-600: #016369;
    --primitive-hortela-cote-dazur-700: #014A4F;
    --primitive-hortela-cote-dazur-800: #003134;
    --primitive-hortela-cote-dazur-900: #00191A;
    /* hortela/sierra-pink */
    --primitive-hortela-sierra-pink-50: #FDF2F0;
    --primitive-hortela-sierra-pink-100: #F9D9D5;
    --primitive-hortela-sierra-pink-200: #F5C0BA;
    --primitive-hortela-sierra-pink-300: #F1A79F;
    --primitive-hortela-sierra-pink-400: #ED8E84;
    --primitive-hortela-sierra-pink-500: #ED9181;
    --primitive-hortela-sierra-pink-600: #BE7467;
    --primitive-hortela-sierra-pink-700: #8E574D;
    --primitive-hortela-sierra-pink-800: #5F3A34;
    --primitive-hortela-sierra-pink-900: #2F1D1A;
    /* napolitano/winter-doldrums */
    --primitive-napolitano-winter-doldrums-50: #FDFCF9;
    --primitive-napolitano-winter-doldrums-100: #F9F7F2;
    --primitive-napolitano-winter-doldrums-200: #F5F2EB;
    --primitive-napolitano-winter-doldrums-300: #F1EDE4;
    --primitive-napolitano-winter-doldrums-400: #EDE8DD;
    --primitive-napolitano-winter-doldrums-500: #F5F1EA;
    --primitive-napolitano-winter-doldrums-600: #C4C1BB;
    --primitive-napolitano-winter-doldrums-700: #93918C;
    --primitive-napolitano-winter-doldrums-800: #62605D;
    --primitive-napolitano-winter-doldrums-900: #31302F;
    /* napolitano/simple-pink */
    --primitive-napolitano-simple-pink-50: #FEF4F5;
    --primitive-napolitano-simple-pink-100: #FDE0E2;
    --primitive-napolitano-simple-pink-200: #FBCCCF;
    --primitive-napolitano-simple-pink-300: #FAB8BC;
    --primitive-napolitano-simple-pink-400: #F8A4A9;
    --primitive-napolitano-simple-pink-500: #F9A3AA;
    --primitive-napolitano-simple-pink-600: #C78288;
    --primitive-napolitano-simple-pink-700: #956266;
    --primitive-napolitano-simple-pink-800: #634144;
    --primitive-napolitano-simple-pink-900: #322122;
    /* napolitano/ripe-malinka */
    --primitive-napolitano-ripe-malinka-50: #FEE9ED;
    --primitive-napolitano-ripe-malinka-100: #FDC3CC;
    --primitive-napolitano-ripe-malinka-200: #FB9DAB;
    --primitive-napolitano-ripe-malinka-300: #F97789;
    --primitive-napolitano-ripe-malinka-400: #F75168;
    --primitive-napolitano-ripe-malinka-500: #F5576C;
    --primitive-napolitano-ripe-malinka-600: #C44656;
    --primitive-napolitano-ripe-malinka-700: #933441;
    --primitive-napolitano-ripe-malinka-800: #62232B;
    --primitive-napolitano-ripe-malinka-900: #311116;
    /* napolitano/black-box */
    --primitive-napolitano-black-box-50: #E8ECED;
    --primitive-napolitano-black-box-100: #C5CED0;
    --primitive-napolitano-black-box-200: #A2B0B3;
    --primitive-napolitano-black-box-300: #7F9296;
    --primitive-napolitano-black-box-400: #5C7479;
    --primitive-napolitano-black-box-500: #0F282F;
    --primitive-napolitano-black-box-600: #0C2026;
    --primitive-napolitano-black-box-700: #09181C;
    --primitive-napolitano-black-box-800: #061013;
    --primitive-napolitano-black-box-900: #030809;
    /* napolitano/midnight-green */
    --primitive-napolitano-midnight-green-50: #E6EFF0;
    --primitive-napolitano-midnight-green-100: #B3CFD2;
    --primitive-napolitano-midnight-green-200: #80AFB4;
    --primitive-napolitano-midnight-green-300: #4D8F96;
    --primitive-napolitano-midnight-green-400: #266F78;
    --primitive-napolitano-midnight-green-500: #004953;
    --primitive-napolitano-midnight-green-600: #003A42;
    --primitive-napolitano-midnight-green-700: #002C32;
    --primitive-napolitano-midnight-green-800: #001D21;
    --primitive-napolitano-midnight-green-900: #000F11;
    /* floresta-negra/siesta-tan */
    --primitive-floresta-negra-siesta-tan-50: #FBF8F5;
    --primitive-floresta-negra-siesta-tan-100: #F5EDE4;
    --primitive-floresta-negra-siesta-tan-200: #EFE2D3;
    --primitive-floresta-negra-siesta-tan-300: #E9D7C2;
    --primitive-floresta-negra-siesta-tan-400: #E3CCB1;
    --primitive-floresta-negra-siesta-tan-500: #E9D8C8;
    --primitive-floresta-negra-siesta-tan-600: #BBAD9F;
    --primitive-floresta-negra-siesta-tan-700: #8D8277;
    --primitive-floresta-negra-siesta-tan-800: #5E574F;
    --primitive-floresta-negra-siesta-tan-900: #2F2B28;
    /* floresta-negra/hei-se-black */
    --primitive-floresta-negra-hei-se-black-50: #E9ECF0;
    --primitive-floresta-negra-hei-se-black-100: #C8CFD8;
    --primitive-floresta-negra-hei-se-black-200: #A7B2C0;
    --primitive-floresta-negra-hei-se-black-300: #8695A8;
    --primitive-floresta-negra-hei-se-black-400: #657890;
    --primitive-floresta-negra-hei-se-black-500: #142030;
    --primitive-floresta-negra-hei-se-black-600: #101A26;
    --primitive-floresta-negra-hei-se-black-700: #0C131D;
    --primitive-floresta-negra-hei-se-black-800: #080D13;
    --primitive-floresta-negra-hei-se-black-900: #04060A;
    /* floresta-negra/stellar-strawberry */
    --primitive-floresta-negra-stellar-strawberry-50: #FFE9F1;
    --primitive-floresta-negra-stellar-strawberry-100: #FFC3D9;
    --primitive-floresta-negra-stellar-strawberry-200: #FF9DC1;
    --primitive-floresta-negra-stellar-strawberry-300: #FF77A9;
    --primitive-floresta-negra-stellar-strawberry-400: #FF5191;
    --primitive-floresta-negra-stellar-strawberry-500: #FF5C8D;
    --primitive-floresta-negra-stellar-strawberry-600: #CC4A71;
    --primitive-floresta-negra-stellar-strawberry-700: #993755;
    --primitive-floresta-negra-stellar-strawberry-800: #662539;
    --primitive-floresta-negra-stellar-strawberry-900: #33121C;
    /* floresta-negra/pico-eggplant */
    --primitive-floresta-negra-pico-eggplant-50: #F0E9F1;
    --primitive-floresta-negra-pico-eggplant-100: #D4C3D9;
    --primitive-floresta-negra-pico-eggplant-200: #B89DC1;
    --primitive-floresta-negra-pico-eggplant-300: #9C77A9;
    --primitive-floresta-negra-pico-eggplant-400: #805191;
    --primitive-floresta-negra-pico-eggplant-500: #732553;
    --primitive-floresta-negra-pico-eggplant-600: #5C1D42;
    --primitive-floresta-negra-pico-eggplant-700: #451631;
    --primitive-floresta-negra-pico-eggplant-800: #2E0E21;
    --primitive-floresta-negra-pico-eggplant-900: #170710;
    /* floresta-negra/blue-whale */
    --primitive-floresta-negra-blue-whale-50: #E9EDF0;
    --primitive-floresta-negra-blue-whale-100: #C8D2D8;
    --primitive-floresta-negra-blue-whale-200: #A7B7C0;
    --primitive-floresta-negra-blue-whale-300: #869CA8;
    --primitive-floresta-negra-blue-whale-400: #658190;
    --primitive-floresta-negra-blue-whale-500: #1E3442;
    --primitive-floresta-negra-blue-whale-600: #182A35;
    --primitive-floresta-negra-blue-whale-700: #121F28;
    --primitive-floresta-negra-blue-whale-800: #0C151A;
    --primitive-floresta-negra-blue-whale-900: #060A0D;
    /* floresta-negra/grauzone */
    --primitive-floresta-negra-grauzone-50: #F2F5F7;
    --primitive-floresta-negra-grauzone-100: #DDE5EA;
    --primitive-floresta-negra-grauzone-200: #C8D5DC;
    --primitive-floresta-negra-grauzone-300: #B3C5CE;
    --primitive-floresta-negra-grauzone-400: #9EB5C0;
    --primitive-floresta-negra-grauzone-500: #85A3B2;
    --primitive-floresta-negra-grauzone-600: #6A828E;
    --primitive-floresta-negra-grauzone-700: #50626B;
    --primitive-floresta-negra-grauzone-800: #354147;
    --primitive-floresta-negra-grauzone-900: #1A2124;
    /* maracuja/palladian */
    --primitive-maracuja-palladian-50: #FDFCFA;
    --primitive-maracuja-palladian-100: #F7F5F0;
    --primitive-maracuja-palladian-200: #F1EEE6;
    --primitive-maracuja-palladian-300: #EBE7DC;
    --primitive-maracuja-palladian-400: #E5E0D2;
    --primitive-maracuja-palladian-500: #EEE9DF;
    --primitive-maracuja-palladian-600: #BEBAB2;
    --primitive-maracuja-palladian-700: #8E8C86;
    --primitive-maracuja-palladian-800: #5F5D59;
    --primitive-maracuja-palladian-900: #2F2F2C;
    /* maracuja/oatmeal */
    --primitive-maracuja-oatmeal-50: #F5F3F0;
    --primitive-maracuja-oatmeal-100: #E5E1DA;
    --primitive-maracuja-oatmeal-200: #D5CFC4;
    --primitive-maracuja-oatmeal-300: #C5BDAE;
    --primitive-maracuja-oatmeal-400: #B5AB98;
    --primitive-maracuja-oatmeal-500: #C9C1B1;
    --primitive-maracuja-oatmeal-600: #A19A8E;
    --primitive-maracuja-oatmeal-700: #79746A;
    --primitive-maracuja-oatmeal-800: #504D47;
    --primitive-maracuja-oatmeal-900: #282723;
    /* maracuja/burning-flame */
    --primitive-maracuja-burning-flame-50: #FFF5E8;
    --primitive-maracuja-burning-flame-100: #FFE4BF;
    --primitive-maracuja-burning-flame-200: #FFD396;
    --primitive-maracuja-burning-flame-300: #FFC26D;
    --primitive-maracuja-burning-flame-400: #FFB144;
    --primitive-maracuja-burning-flame-500: #FFB162;
    --primitive-maracuja-burning-flame-600: #CC8E4E;
    --primitive-maracuja-burning-flame-700: #996A3B;
    --primitive-maracuja-burning-flame-800: #664727;
    --primitive-maracuja-burning-flame-900: #332314;
    /* maracuja/truffle-trouble */
    --primitive-maracuja-truffle-trouble-50: #F5EDE9;
    --primitive-maracuja-truffle-trouble-100: #E5CECB;
    --primitive-maracuja-truffle-trouble-200: #D5AFA1;
    --primitive-maracuja-truffle-trouble-300: #C59085;
    --primitive-maracuja-truffle-trouble-400: #B57169;
    --primitive-maracuja-truffle-trouble-500: #A35139;
    --primitive-maracuja-truffle-trouble-600: #82412E;
    --primitive-maracuja-truffle-trouble-700: #623122;
    --primitive-maracuja-truffle-trouble-800: #412017;
    --primitive-maracuja-truffle-trouble-900: #21100B;
    /* maracuja/blue-fantastic */
    --primitive-maracuja-blue-fantastic-50: #EAECF0;
    --primitive-maracuja-blue-fantastic-100: #C9CED8;
    --primitive-maracuja-blue-fantastic-200: #A8B0C0;
    --primitive-maracuja-blue-fantastic-300: #8792A8;
    --primitive-maracuja-blue-fantastic-400: #667490;
    --primitive-maracuja-blue-fantastic-500: #2C3B4D;
    --primitive-maracuja-blue-fantastic-600: #232F3E;
    --primitive-maracuja-blue-fantastic-700: #1A232E;
    --primitive-maracuja-blue-fantastic-800: #12181F;
    --primitive-maracuja-blue-fantastic-900: #090C0F;
    /* maracuja/anchorfish-blue */
    --primitive-maracuja-anchorfish-blue-50: #E8EAED;
    --primitive-maracuja-anchorfish-blue-100: #C5CAD0;
    --primitive-maracuja-anchorfish-blue-200: #A2AAB3;
    --primitive-maracuja-anchorfish-blue-300: #7F8A96;
    --primitive-maracuja-anchorfish-blue-400: #5C6A79;
    --primitive-maracuja-anchorfish-blue-500: #1B2632;
    --primitive-maracuja-anchorfish-blue-600: #151E28;
    --primitive-maracuja-anchorfish-blue-700: #10171E;
    --primitive-maracuja-anchorfish-blue-800: #0A0F14;
    --primitive-maracuja-anchorfish-blue-900: #05080A;
    /* aperol/white-chalk */
    --primitive-aperol-white-chalk-50: #FEFEFE;
    --primitive-aperol-white-chalk-100: #FAFAF9;
    --primitive-aperol-white-chalk-200: #F6F5F4;
    --primitive-aperol-white-chalk-300: #F2F1EF;
    --primitive-aperol-white-chalk-400: #EEEDEA;
    --primitive-aperol-white-chalk-500: #F6F4F1;
    --primitive-aperol-white-chalk-600: #C5C3C1;
    --primitive-aperol-white-chalk-700: #949291;
    --primitive-aperol-white-chalk-800: #626161;
    --primitive-aperol-white-chalk-900: #313031;
    /* aperol/basmati-white */
    --primitive-aperol-basmati-white-50: #FBF8F3;
    --primitive-aperol-basmati-white-100: #F5EEE1;
    --primitive-aperol-basmati-white-200: #EFE4CF;
    --primitive-aperol-basmati-white-300: #E9DABD;
    --primitive-aperol-basmati-white-400: #E3D0AB;
    --primitive-aperol-basmati-white-500: #EBE1C9;
    --primitive-aperol-basmati-white-600: #BCB4A1;
    --primitive-aperol-basmati-white-700: #8D8779;
    --primitive-aperol-basmati-white-800: #5E5A51;
    --primitive-aperol-basmati-white-900: #2F2D28;
    /* aperol/chinese-goldfish */
    --primitive-aperol-chinese-goldfish-50: #FEF0ED;
    --primitive-aperol-chinese-goldfish-100: #FDD3CA;
    --primitive-aperol-chinese-goldfish-200: #FCB6A7;
    --primitive-aperol-chinese-goldfish-300: #FB9984;
    --primitive-aperol-chinese-goldfish-400: #FA7C61;
    --primitive-aperol-chinese-goldfish-500: #F34723;
    --primitive-aperol-chinese-goldfish-600: #C2391C;
    --primitive-aperol-chinese-goldfish-700: #922B15;
    --primitive-aperol-chinese-goldfish-800: #611C0E;
    --primitive-aperol-chinese-goldfish-900: #310E07;
    /* aperol/antique-ruby */
    --primitive-aperol-antique-ruby-50: #F5E8EB;
    --primitive-aperol-antique-ruby-100: #E4BFCA;
    --primitive-aperol-antique-ruby-200: #D396A9;
    --primitive-aperol-antique-ruby-300: #C26D88;
    --primitive-aperol-antique-ruby-400: #B14467;
    --primitive-aperol-antique-ruby-500: #841B2D;
    --primitive-aperol-antique-ruby-600: #6A1624;
    --primitive-aperol-antique-ruby-700: #4F101B;
    --primitive-aperol-antique-ruby-800: #350B12;
    --primitive-aperol-antique-ruby-900: #1A0509;
    /* aperol/dover-surf */
    --primitive-aperol-dover-surf-50: #F3F6F7;
    --primitive-aperol-dover-surf-100: #DEE8EA;
    --primitive-aperol-dover-surf-200: #C9DADD;
    --primitive-aperol-dover-surf-300: #B4CCD0;
    --primitive-aperol-dover-surf-400: #9FBEC3;
    --primitive-aperol-dover-surf-500: #AEC3C4;
    --primitive-aperol-dover-surf-600: #8B9C9D;
    --primitive-aperol-dover-surf-700: #687576;
    --primitive-aperol-dover-surf-800: #454E4F;
    --primitive-aperol-dover-surf-900: #232727;
    /* aperol/celestial-canvas */
    --primitive-aperol-celestial-canvas-50: #E7EAED;
    --primitive-aperol-celestial-canvas-100: #C3CAD0;
    --primitive-aperol-celestial-canvas-200: #9FAAB3;
    --primitive-aperol-celestial-canvas-300: #7B8A96;
    --primitive-aperol-celestial-canvas-400: #576A79;
    --primitive-aperol-celestial-canvas-500: #0A2538;
    --primitive-aperol-celestial-canvas-600: #081E2D;
    --primitive-aperol-celestial-canvas-700: #061622;
    --primitive-aperol-celestial-canvas-800: #040F17;
    --primitive-aperol-celestial-canvas-900: #02070B;
}

/* ── Brand-fixed constants (theme-independent) ──────────────── */
:root {
    /* WhatsApp's own brand green — kept constant across all tenant themes,
       since it identifies the WhatsApp action itself, not the tenant brand. */
    --color-whatsapp-brand: #25D366;
    --color-whatsapp-brand-hover: #1EBE57;
    --color-whatsapp-text: #FFFFFF;
    /* Fundo do botao "Mensagem" (color/platform/whatsapp-subtle). Tambem fixo:
       o par com a marca do tenant vem da camada de brand por cima. */
    --color-platform-whatsapp-subtle: #E9FAEF;
}

/* ── 2. TEMAS ──────────────────────────────────────────────────── */
/* O padrão é o MARACUJÁ: o bloco dele carrega o `:root`, então é o que vale
   quando o <html> não tem data-theme. Os seis blocos definem exatamente o
   mesmo conjunto de tokens, e nenhum consumidor sabe qual está ativo.

   ORDEM É LOAD-BEARING: o bloco do tema padrão tem que vir ANTES dos outros
   cinco. `:root` e `[data-theme="x"]` têm a mesma especificidade (0,1,0), e
   `:root` casa sempre — então, empatados, vence quem estiver por último no
   arquivo. Com o bloco padrão embaixo, todo tema declarado acima dele é
   silenciosamente sobrescrito: o <html> fica com data-theme="hortela" e as
   cores saem do padrão. Trocar o tema padrão é mover o `:root` de um bloco
   para outro E promover esse bloco para o topo da seção. */

/* ↓ TEMA PADRÃO — o `:root` mora aqui, e por isso este bloco vem primeiro. */
:root,
[data-theme="maracuja"] {
    --color-bg-page: #F7F5F0;
    --color-bg-sidebar: #1B2632;
    --color-surface-default: #FFFFFF;
    --color-surface-subtle: #FFF5E8;
    --color-agenda-slot-closed: #F6F5F8;
    --color-surface-raised: #FDFCFA;
    --color-brand-primary: #FFB162;
    --color-brand-primary-hover: #CC8E4E;
    --color-brand-primary-active: #996A3B;
    --color-brand-primary-disabled: #FFD396;
    --color-brand-secondary: #C9C1B1;
    --color-brand-secondary-hover: #A19A8E;
    --color-brand-secondary-active: #79746A;
    --color-brand-active: #A35139;
    --color-brand-accent: #2C3B4D;
    --color-hero-gradient-start: #FFB144;
    --color-hero-gradient-end: #623122;
    --color-text-primary: #1A1C15;
    --color-text-secondary: #6B7066;
    --color-text-tertiary: #959890;
    --color-text-disabled: #AEB1A8;
    --color-text-on-brand: #1A1C15;
    --color-text-on-sidebar: #EEE9DF;
    --color-text-on-sidebar-muted: #C9C1B1;
    --color-text-heading: #1B2632;
    --color-border-default: #D5CFC4;
    --color-border-subtle: #E5E1DA;
    --color-border-strong: #6B7066;
    --color-border-brand: #FFB162;
    --color-feedback-success: #00804C;
    --color-feedback-success-subtle: #E6F2ED;
    --color-feedback-success-text: #00462A;
    --color-feedback-danger: #EF4444;
    --color-feedback-danger-subtle: #FEF2F2;
    --color-feedback-danger-text: #991B1B;
    --color-feedback-warning: #FBD86E;
    --color-feedback-warning-subtle: #FFFBEB;
    --color-feedback-warning-text: #BD900B;
    --color-feedback-info: #1E488F;
    --color-feedback-info-subtle: #E9EDF4;
    --color-feedback-info-text: #153366;
    --color-chart-primary: #FFB162;
    --color-chart-secondary: #A35139;
    --color-chart-tertiary: #2C3B4D;
    --color-chart-accent: #C9C1B1;
    --color-overlay-default: rgba(0, 0, 0, 0.5);
    --color-overlay-subtle: rgba(0, 0, 0, 0.2);
    --color-input-bg: #FFFFFF;
    --color-input-border: #C9C1B1;
    --color-input-border-focus: #FFB162;
    --color-input-border-error: #EF4444;
    --color-input-placeholder: #959890;
    --color-input-text: #1A1C15;
    --color-input-bg-disabled: #F5F5F3;
    --color-sidebar-item-hover-bg: #10171E;
    --color-sidebar-item-active-bg: #FFB144;
    --color-sidebar-item-active-text: #664727;
    --color-sidebar-item-text: #EEE9DF;
    --color-sidebar-section-label: #C9C1B1;
    --color-sidebar-border: rgba(201, 193, 177, 0.4);
    --color-badge-success-bg: #E6F2ED;
    --color-badge-success-text: #00462A;
    --color-badge-warning-bg: #FFFBEB;
    --color-badge-warning-text: #BD900B;
    --color-badge-danger-bg: #FEF2F2;
    --color-badge-danger-text: #991B1B;
    --color-badge-neutral-bg: #E0E1DC;
    --color-badge-neutral-text: #42463E;
    --color-badge-brand-bg: #FFE4BF;
    --color-badge-brand-text: #664727;
    --color-table-header-bg: #F7F5F0;
    --color-table-row-hover: #F7F5F0;
    --color-table-row-selected: #FFE4BF;
    --color-table-border: #F1EEE6;
    --color-table-text-header: #6B7066;
    --color-shadow-xs: rgba(0, 0, 0, 0.04);
    --color-shadow-sm: rgba(0, 0, 0, 0.06);
    --color-shadow-md: rgba(0, 0, 0, 0.08);
    --color-shadow-lg: rgba(0, 0, 0, 0.12);
    --color-tag-proprietario-bg: #F4F7C8;
    --color-tag-proprietario-text: #787F2A;
    --color-tag-funcionario-bg: #D4EDCF;
    --color-tag-funcionario-text: #286320;
    --color-tag-autonomo-bg: #E0E1DC;
    --color-tag-autonomo-text: #42463E;
    --color-avatar-bg-1: #FFB144;
    --color-avatar-bg-2: #1A5A94;
    --color-avatar-bg-3: #00804C;
    --color-avatar-bg-4: #1E488F;
    --color-avatar-text: #FFFFFF;
    --color-role-owner-bg: #FFE4BF;
    --color-role-owner-text: #664727;
    --color-role-employee-bg: #EAECF0;
    --color-role-employee-text: #2C3B4D;
    --color-role-freelancer-bg: #F5EDE9;
    --color-role-freelancer-text: #A35139;
    --color-trend-positive: #00804C;
    --color-trend-positive-bg: #E6F2ED;
    --color-trend-negative: #EF4444;
    --color-trend-negative-bg: #FEF2F2;
    --color-trend-neutral: #959890;
    --color-trend-neutral-bg: #E0E1DC;
    --color-nav-active-indicator: #FFB162;
    --color-nav-active-bg: #A35139;
    /* surface states */
    --color-surface-highlighted: #FFE4BF;
    --color-surface-brand-subtle: #FFF5E8;
    /* text states */
    --color-text-on-sidebar-active: #664727;
    /* brand states */
    --color-brand-secondary-disabled: #D5CFC4;
    --color-brand-accent-hover: #232F3E;
    /* table states */
    --color-table-row-default: #FDFCFA;
    --color-table-border-hover: #FFE4BF;
    --color-table-border-selected: #FFD396;
    --color-table-header-text: #5C6A79;
    --color-table-row-highlight: #FFE4BF;
    /* button-header states */
    --color-button-header-bg-default: #F7F5F0;
    --color-button-header-bg-hover: #F1EEE6;
    --color-button-header-bg-active: #FFE4BF;
    --color-button-header-border-default: #C9C1B1;
    --color-button-header-border-active: #FFB162;
    --color-button-header-icon-active: #996A3B;
    /* button states */
    --color-button-primary-bg: #FFB162;
    --color-button-primary-bg-hover: #CC8E4E;
    --color-button-primary-bg-disabled: #E0E1DC;
    --color-button-secondary-bg: #FFFFFF;
    --color-button-secondary-bg-hover: #FFE4BF;
    --color-button-secondary-bg-disabled: #FFF5E8;
    --color-button-border: #FFB162;
    --color-button-border-faded: #FFE4BF;
    --color-button-border-hover: #CC8E4E;
    --color-button-border-active: #996A3B;
    --color-button-border-disabled: #C8CAC3;
    --color-button-text-primary: #1A1C15;
    --color-button-text-disabled: #C8CAC3;

    /* ── Família color/button/{role}/{slot} — Figma Design System BF, nó 1642:177.
       NÃO confundir com os tokens de botão logo acima: aquela família é indexada
       por estado (`-bg`, `-border-hover`), esta por papel × slot (`-surface`,
       `-disabled-border`). As duas convivem; o AppButton ainda usa a de cima.
       `default`, `neutral`, `disabled` e `success` são iguais nos 6 temas e ficam
       só aqui. Só `primary` e `secondary` são sobrescritos por tema (+ uma
       exceção no limonada, ver lá). */
    --color-button-default-surface: #E0E1DC;
    --color-button-default-border: #AEB1A8;
    --color-button-default-text: #1A1C15;
    --color-button-neutral-surface: #1A1C15;
    --color-button-neutral-border: #1A1C15;
    --color-button-neutral-text: #FFFFFF;
    /* `disabled/*` é o desabilitado compartilhado de default e neutral —
       primary, secondary e success têm o trio `-disabled-*` próprio */
    --color-button-disabled-surface: #E0E1DC;
    --color-button-disabled-border: #C8CAC3;
    --color-button-disabled-text: #AEB1A8;
    --color-button-success-surface: #00804C;
    --color-button-success-border: #005D31;
    --color-button-success-text: #FFFFFF;
    --color-button-success-disabled-surface: #B3E1CC;
    --color-button-success-disabled-border: #B3E1CC;
    --color-button-success-disabled-icon: #00462A;
    /* primary/secondary do maracujá (tema padrão) */
    --color-button-primary-surface: #FFB162;
    --color-button-primary-border: #996A3B;
    --color-button-primary-text: #1A1C15;
    --color-button-primary-disabled-surface: #FFE4BF;
    --color-button-primary-disabled-border: #FFE4BF;
    --color-button-primary-disabled-icon: #FFD396;
    --color-button-secondary-surface: #A35139;
    --color-button-secondary-border: #82412E;
    --color-button-secondary-text: #FFFFFF;
    --color-button-secondary-disabled-surface: #D5CFC4;
    --color-button-secondary-disabled-border: #D5CFC4;
    --color-button-secondary-disabled-icon: #C5BDAE;
}

[data-theme="limonada"] {
    --color-bg-page: #F6F7ED;
    --color-bg-sidebar: #001F3F;
    --color-surface-default: #FFFFFF;
    --color-surface-subtle: #FCFDF9;
    --color-agenda-slot-closed: #F5F7FA;
    --color-surface-raised: #F6F7ED;
    --color-brand-primary: #DBE64C;
    --color-brand-primary-hover: #C2CC2A;
    --color-brand-primary-active: #9BA336;
    --color-brand-primary-disabled: #ECF48A;
    --color-brand-secondary: #74C365;
    --color-brand-secondary-hover: #52A643;
    --color-brand-secondary-active: #528B48;
    --color-brand-active: #00804C;
    --color-brand-accent: #1E488F;
    --color-hero-gradient-start: #DBE64C;
    --color-hero-gradient-end: #00804C;
    --color-text-primary: #1A1C15;
    --color-text-secondary: #6B7066;
    --color-text-tertiary: #959890;
    --color-text-disabled: #AEB1A8;
    --color-text-on-brand: #001F3F;
    --color-text-on-sidebar: #F6F7ED;
    --color-text-on-sidebar-muted: #A2BCE3;
    --color-text-heading: #001F3F;
    --color-border-default: #E0E2D8;
    --color-border-subtle: #F0F1E8;
    --color-border-strong: #6B7066;
    --color-border-brand: #DBE64C;
    --color-feedback-success: #00804C;
    --color-feedback-success-subtle: #E6F2ED;
    --color-feedback-success-text: #00462A;
    --color-feedback-danger: #EF4444;
    --color-feedback-danger-subtle: #FEF2F2;
    --color-feedback-danger-text: #991B1B;
    --color-feedback-warning: #FBD86E;
    --color-feedback-warning-subtle: #FFFBEB;
    --color-feedback-warning-text: #BD900B;
    --color-feedback-info: #1E488F;
    --color-feedback-info-subtle: #E9EDF4;
    --color-feedback-info-text: #153366;
    --color-chart-primary: #74C365;
    --color-chart-secondary: #DBE64C;
    --color-chart-tertiary: #00804C;
    --color-chart-accent: #1E488F;
    --color-overlay-default: rgba(0, 0, 0, 0.5);
    --color-overlay-subtle: rgba(0, 0, 0, 0.2);
    --color-input-bg: #FFFFFF;
    --color-input-border: #E0E2D8;
    --color-input-border-focus: #DBE64C;
    --color-input-border-error: #EF4444;
    --color-input-placeholder: #959890;
    --color-input-text: #1A1C15;
    --color-input-bg-disabled: #F5F5F3;
    --color-sidebar-item-hover-bg: rgba(26, 90, 148, 0.25);
    --color-sidebar-item-active-bg: rgba(219, 230, 76, 0.12);
    --color-sidebar-item-active-text: #DBE64C;
    --color-sidebar-item-text: #F6F7ED;
    --color-sidebar-section-label: #A2BCE3;
    --color-sidebar-border: rgba(162, 188, 227, 0.4);
    --color-badge-success-bg: #E6F2ED;
    --color-badge-success-text: #00462A;
    --color-badge-warning-bg: #FFFBEB;
    --color-badge-warning-text: #BD900B;
    --color-badge-danger-bg: #FEF2F2;
    --color-badge-danger-text: #991B1B;
    --color-badge-neutral-bg: #E0E1DC;
    --color-badge-neutral-text: #42463E;
    --color-badge-brand-bg: #F4F7C8;
    --color-badge-brand-text: #787F2A;
    --color-table-header-bg: #FCFDF9;
    --color-table-row-hover: #FBFDED;
    --color-table-row-selected: #F4F7C8;
    --color-table-border: #F0F1E8;
    --color-table-text-header: #6B7066;
    --color-shadow-xs: rgba(0, 0, 0, 0.04);
    --color-shadow-sm: rgba(0, 0, 0, 0.06);
    --color-shadow-md: rgba(0, 0, 0, 0.08);
    --color-shadow-lg: rgba(0, 0, 0, 0.12);
    --color-tag-proprietario-bg: #F4F7C8;
    --color-tag-proprietario-text: #787F2A;
    --color-tag-funcionario-bg: #D4EDCF;
    --color-tag-funcionario-text: #286320;
    --color-tag-autonomo-bg: #E0E1DC;
    --color-tag-autonomo-text: #42463E;
    --color-avatar-bg-1: #DBE64C;
    --color-avatar-bg-2: #1A5A94;
    --color-avatar-bg-3: #00804C;
    --color-avatar-bg-4: #1E488F;
    --color-avatar-text: #FFFFFF;
    --color-role-owner-bg: #F4F7C8;
    --color-role-owner-text: #787F2A;
    --color-role-employee-bg: #E9EDF4;
    --color-role-employee-text: #1E488F;
    --color-role-freelancer-bg: #E6F2ED;
    --color-role-freelancer-text: #00804C;
    --color-trend-positive: #00804C;
    --color-trend-positive-bg: #E6F2ED;
    --color-trend-negative: #EF4444;
    --color-trend-negative-bg: #FEF2F2;
    --color-trend-neutral: #959890;
    --color-trend-neutral-bg: #E0E1DC;
    --color-nav-active-indicator: #DBE64C;
    --color-nav-active-bg: #00804C;
    /* surface states */
    --color-surface-highlighted: #F4F7C8;
    --color-surface-brand-subtle: #FBFDED;
    /* text states */
    --color-text-on-sidebar-active: #DBE64C;
    /* brand states */
    --color-brand-secondary-disabled: #B8E0AB;
    --color-brand-accent-hover: #173A7A;
    /* table states */
    --color-table-row-default: #FBFDED;
    --color-table-border-hover: #F4F7C8;
    --color-table-border-selected: #DBE64C;
    --color-table-header-text: #54697E;
    --color-table-row-highlight: #D4EDCF;
    /* button-header states */
    --color-button-header-bg-default: #FCFDF9;
    --color-button-header-bg-hover: #C8CAC0;
    --color-button-header-bg-active: #F4F7C8;
    --color-button-header-border-default: #E0E2D8;
    --color-button-header-border-active: #DBE64C;
    --color-button-header-icon-active: #9BA336;
    /* button states */
    --color-button-primary-bg: #DBE64C;
    --color-button-primary-bg-hover: #C2CC2A;
    --color-button-primary-bg-disabled: #E0E1DC;
    --color-button-secondary-bg: #FFFFFF;
    --color-button-secondary-bg-hover: #F4F7C8;
    --color-button-secondary-bg-disabled: #FBFDED;
    --color-button-border: #DBE64C;
    --color-button-border-faded: #E0E2D8;
    --color-button-border-hover: #C2CC2A;
    --color-button-border-active: #9BA336;
    --color-button-border-disabled: #C8CAC3;
    --color-button-text-primary: #001F3F;
    --color-button-text-disabled: #AEB1A8;

    /* color/button/{role} — só primary/secondary variam por tema */
    --color-button-primary-surface: #DBE64C;
    --color-button-primary-border: #9BA336;
    --color-button-primary-text: #001F3F;
    --color-button-primary-disabled-surface: #F4F7C8;
    --color-button-primary-disabled-border: #F4F7C8;
    --color-button-primary-disabled-icon: #DBE64C;
    --color-button-secondary-surface: #1E488F;
    --color-button-secondary-border: #153366;
    --color-button-secondary-text: #FFFFFF;
    --color-button-secondary-disabled-surface: #C8D7EE;
    --color-button-secondary-disabled-border: #C8D7EE;
    --color-button-secondary-disabled-icon: #A2BCE3;
    /* NÃO "consertar": o limonada é o único tema em que o Figma usa success-200
       (#80CDAA) e não success-800 aqui — nó 1642:177, coluna success/disabled.
       Fica quase invisível sobre o #B3E1CC do disabled, e é essa a intenção:
       é um estado desabilitado. Decisão registrada no spec de 2026-08-17. */
    --color-button-success-disabled-icon: #80CDAA;
}

[data-theme="hortela"] {
    --color-bg-page: #F7F6F5;
    --color-bg-sidebar: #222233;
    --color-surface-default: #FFFFFF;
    --color-surface-subtle: #F3F0DB;
    --color-agenda-slot-closed: #F4F7F7;
    --color-surface-raised: #FDFCFC;
    --color-brand-primary: #017C85;
    --color-brand-primary-hover: #016369;
    --color-brand-primary-active: #014A4F;
    --color-brand-primary-disabled: #80C1C6;
    --color-brand-secondary: #BAD3C7;
    --color-brand-secondary-hover: #6FA799;
    --color-brand-secondary-active: #527D72;
    --color-brand-active: #017C85;
    --color-brand-accent: #ED9181;
    --color-hero-gradient-start: #268F98;
    --color-hero-gradient-end: #222233;
    --color-text-primary: #1A1C15;
    --color-text-secondary: #6B7066;
    --color-text-tertiary: #959890;
    --color-text-disabled: #959890;
    --color-text-on-brand: #FFFFFF;
    --color-text-on-sidebar: #F0EFED;
    --color-text-on-sidebar-muted: #BAD3C7;
    --color-text-heading: #222233;
    --color-border-default: #EEEACE;
    --color-border-subtle: #D9E8E3;
    --color-border-strong: #6B7066;
    --color-border-brand: #017C85;
    --color-feedback-success: #00804C;
    --color-feedback-success-subtle: #E6F2ED;
    --color-feedback-success-text: #00462A;
    --color-feedback-danger: #EF4444;
    --color-feedback-danger-subtle: #FEF2F2;
    --color-feedback-danger-text: #991B1B;
    --color-feedback-warning: #FBD86E;
    --color-feedback-warning-subtle: #FFFBEB;
    --color-feedback-warning-text: #BD900B;
    --color-feedback-info: #1E488F;
    --color-feedback-info-subtle: #E9EDF4;
    --color-feedback-info-text: #153366;
    --color-chart-primary: #017C85;
    --color-chart-secondary: #BAD3C7;
    --color-chart-tertiary: #E0DEB8;
    --color-chart-accent: #ED9181;
    --color-overlay-default: rgba(0, 0, 0, 0.5);
    --color-overlay-subtle: rgba(0, 0, 0, 0.2);
    --color-input-bg: #FFFFFF;
    --color-input-border: #E0DEB8;
    --color-input-border-focus: #017C85;
    --color-input-border-error: #EF4444;
    --color-input-placeholder: #959890;
    --color-input-text: #1A1C15;
    --color-input-bg-disabled: #F5F5F3;
    --color-sidebar-item-hover-bg: #14141F;
    --color-sidebar-item-active-bg: rgba(77, 168, 175, 0.35);
    --color-sidebar-item-active-text: #80C1C6;
    --color-sidebar-item-text: #F0EFED;
    --color-sidebar-section-label: #BAD3C7;
    --color-sidebar-border: rgba(186, 211, 199, 0.4);
    --color-badge-success-bg: #E6F2ED;
    --color-badge-success-text: #00462A;
    --color-badge-warning-bg: #FFFBEB;
    --color-badge-warning-text: #BD900B;
    --color-badge-danger-bg: #FEF2F2;
    --color-badge-danger-text: #991B1B;
    --color-badge-neutral-bg: #E0E1DC;
    --color-badge-neutral-text: #42463E;
    --color-badge-brand-bg: #B3DADD;
    --color-badge-brand-text: #003134;
    --color-table-header-bg: #F8F6E8;
    --color-table-row-hover: #F0F5F3;
    --color-table-row-selected: #D9E8E3;
    --color-table-border: #F3F0DB;
    --color-table-text-header: #6B7066;
    --color-shadow-xs: rgba(0, 0, 0, 0.04);
    --color-shadow-sm: rgba(0, 0, 0, 0.06);
    --color-shadow-md: rgba(0, 0, 0, 0.08);
    --color-shadow-lg: rgba(0, 0, 0, 0.12);
    --color-tag-proprietario-bg: #F4F7C8;
    --color-tag-proprietario-text: #787F2A;
    --color-tag-funcionario-bg: #D4EDCF;
    --color-tag-funcionario-text: #286320;
    --color-tag-autonomo-bg: #E0E1DC;
    --color-tag-autonomo-text: #42463E;
    --color-avatar-bg-1: #80C1C6;
    --color-avatar-bg-2: #94C1B3;
    --color-avatar-bg-3: #00804C;
    --color-avatar-bg-4: #1E488F;
    --color-avatar-text: #FFFFFF;
    --color-role-owner-bg: #B3DADD;
    --color-role-owner-text: #003134;
    --color-role-employee-bg: #FDF2F0;
    --color-role-employee-text: #ED9181;
    --color-role-freelancer-bg: #E6F3F4;
    --color-role-freelancer-text: #017C85;
    --color-trend-positive: #00804C;
    --color-trend-positive-bg: #E6F2ED;
    --color-trend-negative: #EF4444;
    --color-trend-negative-bg: #FEF2F2;
    --color-trend-neutral: #959890;
    --color-trend-neutral-bg: #E0E1DC;
    --color-nav-active-indicator: #017C85;
    --color-nav-active-bg: #017C85;
    /* surface states */
    --color-surface-highlighted: #E6F3F4;
    --color-surface-brand-subtle: #E6F3F4;
    /* text states */
    --color-text-on-sidebar-active: #80C1C6;
    /* brand states */
    --color-brand-secondary-disabled: #C2DBD3;
    --color-brand-accent-hover: #BE7467;
    /* table states */
    --color-table-row-default: #F7F6F5;
    --color-table-border-hover: #D9E8E3;
    --color-table-border-selected: #C2DBD3;
    --color-table-header-text: #676785;
    --color-table-row-highlight: #D9E8E3;
    /* button-header states */
    --color-button-header-bg-default: #F7F6F5;
    --color-button-header-bg-hover: #EFEEEC;
    --color-button-header-bg-active: #B3DADD;
    --color-button-header-border-default: #E0DEB8;
    --color-button-header-border-active: #017C85;
    --color-button-header-icon-active: #014A4F;
    /* button states */
    --color-button-primary-bg: #017C85;
    --color-button-primary-bg-hover: #016369;
    --color-button-primary-bg-disabled: #E0E1DC;
    --color-button-secondary-bg: #FFFFFF;
    --color-button-secondary-bg-hover: #B3DADD;
    --color-button-secondary-bg-disabled: #E6F3F4;
    --color-button-border: #017C85;
    --color-button-border-faded: #B3DADD;
    --color-button-border-hover: #016369;
    --color-button-border-active: #014A4F;
    --color-button-border-disabled: #C8CAC3;
    --color-button-text-primary: #FFFFFF;
    --color-button-text-disabled: #AEB1A8;

    /* color/button/{role} — só primary/secondary variam por tema */
    --color-button-primary-surface: #017C85;
    --color-button-primary-border: #014A4F;
    --color-button-primary-text: #FFFFFF;
    --color-button-primary-disabled-surface: #B3DADD;
    --color-button-primary-disabled-border: #B3DADD;
    --color-button-primary-disabled-icon: #80C1C6;
    --color-button-secondary-surface: #6FA799;
    --color-button-secondary-border: #527D72;
    --color-button-secondary-text: #1A1C15;
    --color-button-secondary-disabled-surface: #C2DBD3;
    --color-button-secondary-disabled-border: #C2DBD3;
    --color-button-secondary-disabled-icon: #BAD3C7;
}

[data-theme="napolitano"] {
    --color-bg-page: #F9F7F2;
    --color-bg-sidebar: #0F282F;
    --color-surface-default: #FFFFFF;
    --color-surface-subtle: #FDE0E2;
    --color-agenda-slot-closed: #F8F5F7;
    --color-surface-raised: #FDFCF9;
    --color-brand-primary: #F5576C;
    --color-brand-primary-hover: #C44656;
    --color-brand-primary-active: #933441;
    --color-brand-primary-disabled: #FB9DAB;
    --color-brand-secondary: #F9A3AA;
    --color-brand-secondary-hover: #C78288;
    --color-brand-secondary-active: #956266;
    --color-brand-active: #004953;
    --color-brand-accent: #004953;
    --color-hero-gradient-start: #F75168;
    --color-hero-gradient-end: #004953;
    --color-text-primary: #1A1C15;
    --color-text-secondary: #6B7066;
    --color-text-tertiary: #959890;
    --color-text-disabled: #959890;
    --color-text-on-brand: #FFFFFF;
    --color-text-on-sidebar: #F5F1EA;
    --color-text-on-sidebar-muted: #F9A3AA;
    --color-text-heading: #0F282F;
    --color-border-default: #FBCCCF;
    --color-border-subtle: #FDE0E2;
    --color-border-strong: #6B7066;
    --color-border-brand: #F5576C;
    --color-feedback-success: #00804C;
    --color-feedback-success-subtle: #E6F2ED;
    --color-feedback-success-text: #00462A;
    --color-feedback-danger: #EF4444;
    --color-feedback-danger-subtle: #FEF2F2;
    --color-feedback-danger-text: #991B1B;
    --color-feedback-warning: #FBD86E;
    --color-feedback-warning-subtle: #FFFBEB;
    --color-feedback-warning-text: #BD900B;
    --color-feedback-info: #1E488F;
    --color-feedback-info-subtle: #E9EDF4;
    --color-feedback-info-text: #153366;
    --color-chart-primary: #C44656;
    --color-chart-secondary: #F9A3AA;
    --color-chart-tertiary: #004953;
    --color-chart-accent: #F5F1EA;
    --color-overlay-default: rgba(0, 0, 0, 0.5);
    --color-overlay-subtle: rgba(0, 0, 0, 0.2);
    --color-input-bg: #FFFFFF;
    --color-input-border: #F9A3AA;
    --color-input-border-focus: #F5576C;
    --color-input-border-error: #EF4444;
    --color-input-placeholder: #959890;
    --color-input-text: #1A1C15;
    --color-input-bg-disabled: #F5F5F3;
    --color-sidebar-item-hover-bg: #09181C;
    --color-sidebar-item-active-bg: #FBCCCF;
    --color-sidebar-item-active-text: #C44656;
    --color-sidebar-item-text: #F5F1EA;
    --color-sidebar-section-label: #F9A3AA;
    --color-sidebar-border: rgba(249, 163, 170, 0.4);
    --color-badge-success-bg: #E6F2ED;
    --color-badge-success-text: #00462A;
    --color-badge-warning-bg: #FFFBEB;
    --color-badge-warning-text: #BD900B;
    --color-badge-danger-bg: #FEF2F2;
    --color-badge-danger-text: #991B1B;
    --color-badge-neutral-bg: #E0E1DC;
    --color-badge-neutral-text: #42463E;
    --color-badge-brand-bg: #FDC3CC;
    --color-badge-brand-text: #62232B;
    --color-table-header-bg: #F9F7F2;
    --color-table-row-hover: #FEE9ED;
    --color-table-row-selected: #FDC3CC;
    --color-table-border: #F5F2EB;
    --color-table-text-header: #6B7066;
    --color-shadow-xs: rgba(0, 0, 0, 0.04);
    --color-shadow-sm: rgba(0, 0, 0, 0.06);
    --color-shadow-md: rgba(0, 0, 0, 0.08);
    --color-shadow-lg: rgba(0, 0, 0, 0.12);
    --color-tag-proprietario-bg: #F4F7C8;
    --color-tag-proprietario-text: #787F2A;
    --color-tag-funcionario-bg: #D4EDCF;
    --color-tag-funcionario-text: #286320;
    --color-tag-autonomo-bg: #E0E1DC;
    --color-tag-autonomo-text: #42463E;
    --color-avatar-bg-1: #F5576C;
    --color-avatar-bg-2: #1A5A94;
    --color-avatar-bg-3: #00804C;
    --color-avatar-bg-4: #1E488F;
    --color-avatar-text: #FFFFFF;
    --color-role-owner-bg: #FDC3CC;
    --color-role-owner-text: #62232B;
    --color-role-employee-bg: #E6EFF0;
    --color-role-employee-text: #004953;
    --color-role-freelancer-bg: #E6EFF0;
    --color-role-freelancer-text: #004953;
    --color-trend-positive: #00804C;
    --color-trend-positive-bg: #E6F2ED;
    --color-trend-negative: #EF4444;
    --color-trend-negative-bg: #FEF2F2;
    --color-trend-neutral: #959890;
    --color-trend-neutral-bg: #E0E1DC;
    --color-nav-active-indicator: #F5576C;
    --color-nav-active-bg: #004953;
    /* surface states */
    --color-surface-highlighted: #FDE0E2;
    --color-surface-brand-subtle: #FEE9ED;
    /* text states */
    --color-text-on-sidebar-active: #C44656;
    /* brand states */
    --color-brand-secondary-disabled: #FBCCCF;
    --color-brand-accent-hover: #003A42;
    /* table states */
    --color-table-row-default: #FDFCF9;
    --color-table-border-hover: #FDC3CC;
    --color-table-border-selected: #FB9DAB;
    --color-table-header-text: #5C7479;
    --color-table-row-highlight: #FDE0E2;
    /* button-header states */
    --color-button-header-bg-default: #F9F7F2;
    --color-button-header-bg-hover: #F5F2EB;
    --color-button-header-bg-active: #FDC3CC;
    --color-button-header-border-default: #F9A3AA;
    --color-button-header-border-active: #F5576C;
    --color-button-header-icon-active: #933441;
    /* button states */
    --color-button-primary-bg: #F5576C;
    --color-button-primary-bg-hover: #C44656;
    --color-button-primary-bg-disabled: #E0E1DC;
    --color-button-secondary-bg: #FFFFFF;
    --color-button-secondary-bg-hover: #FDC3CC;
    --color-button-secondary-bg-disabled: #FEE9ED;
    --color-button-border: #F5576C;
    --color-button-border-faded: #FDC3CC;
    --color-button-border-hover: #C44656;
    --color-button-border-active: #933441;
    --color-button-border-disabled: #C8CAC3;
    /* Figma `color/button/primary/text` (Design System BF, no 1652:65419).
       O Figma passou a desenhar o rotulo do botao primario em branco aqui e em
       floresta-negra; antes era um vinho (#311116). Branco sobre #F5576C da
       3.2:1 e reprova AA para texto normal — e uma divergencia conhecida do
       design system, nao um erro de transcricao: nao "conserte" de volta. */
    --color-button-text-primary: #FFFFFF;
    --color-button-text-disabled: #AEB1A8;

    /* color/button/{role} — só primary/secondary variam por tema */
    --color-button-primary-surface: #F5576C;
    --color-button-primary-border: #C44656;
    --color-button-primary-text: #FFFFFF;
    --color-button-primary-disabled-surface: #FDC3CC;
    --color-button-primary-disabled-border: #FDC3CC;
    --color-button-primary-disabled-icon: #FB9DAB;
    --color-button-secondary-surface: #F9A3AA;
    --color-button-secondary-border: #C78288;
    --color-button-secondary-text: #5F3A34;
    --color-button-secondary-disabled-surface: #FBCCCF;
    --color-button-secondary-disabled-border: #FBCCCF;
    --color-button-secondary-disabled-icon: #FAB8BC;
}

[data-theme="floresta-negra"] {
    --color-bg-page: #E9EDF0;
    --color-bg-sidebar: #142030;
    --color-surface-default: #FFFFFF;
    --color-surface-subtle: #FFE9F1;
    --color-agenda-slot-closed: #F1F4F7;
    --color-surface-raised: #FBF8F5;
    --color-brand-primary: #FF5C8D;
    --color-brand-primary-hover: #CC4A71;
    --color-brand-primary-active: #993755;
    --color-brand-primary-disabled: #FF9DC1;
    --color-brand-secondary: #85A3B2;
    --color-brand-secondary-hover: #6A828E;
    --color-brand-secondary-active: #50626B;
    --color-brand-active: #732553;
    --color-brand-accent: #1E3442;
    --color-hero-gradient-start: #FF5191;
    --color-hero-gradient-end: #5C1D42;
    --color-text-primary: #1A1C15;
    --color-text-secondary: #6B7066;
    --color-text-tertiary: #959890;
    --color-text-disabled: #959890;
    --color-text-on-brand: #FFFFFF;
    --color-text-on-sidebar: #E9D8C8;
    --color-text-on-sidebar-muted: #F5EDE4;
    --color-text-heading: #142030;
    --color-border-default: #C8D5DC;
    --color-border-subtle: #DDE5EA;
    --color-border-strong: #6B7066;
    --color-border-brand: #FF5C8D;
    --color-feedback-success: #00804C;
    --color-feedback-success-subtle: #E6F2ED;
    --color-feedback-success-text: #00462A;
    --color-feedback-danger: #EF4444;
    --color-feedback-danger-subtle: #FEF2F2;
    --color-feedback-danger-text: #991B1B;
    --color-feedback-warning: #FBD86E;
    --color-feedback-warning-subtle: #FFFBEB;
    --color-feedback-warning-text: #BD900B;
    --color-feedback-info: #1E488F;
    --color-feedback-info-subtle: #E9EDF4;
    --color-feedback-info-text: #153366;
    --color-chart-primary: #CC4A71;
    --color-chart-secondary: #732553;
    --color-chart-tertiary: #1E3442;
    --color-chart-accent: #85A3B2;
    --color-overlay-default: rgba(0, 0, 0, 0.5);
    --color-overlay-subtle: rgba(0, 0, 0, 0.2);
    --color-input-bg: #FFFFFF;
    --color-input-border: #85A3B2;
    --color-input-border-focus: #FF5C8D;
    --color-input-border-error: #EF4444;
    --color-input-placeholder: #959890;
    --color-input-text: #1A1C15;
    --color-input-bg-disabled: #F5F5F3;
    --color-sidebar-item-hover-bg: #0C131D;
    --color-sidebar-item-active-bg: rgba(255, 92, 141, 0.12);
    --color-sidebar-item-active-text: #FF5C8D;
    --color-sidebar-item-text: #E9D8C8;
    --color-sidebar-section-label: #F5EDE4;
    --color-sidebar-border: rgba(238, 233, 223, 0.4);
    --color-badge-success-bg: #E6F2ED;
    --color-badge-success-text: #00462A;
    --color-badge-warning-bg: #FFFBEB;
    --color-badge-warning-text: #BD900B;
    --color-badge-danger-bg: #FEF2F2;
    --color-badge-danger-text: #991B1B;
    --color-badge-neutral-bg: #E0E1DC;
    --color-badge-neutral-text: #42463E;
    --color-badge-brand-bg: #FFC3D9;
    --color-badge-brand-text: #662539;
    --color-table-header-bg: #F5EDE4;
    --color-table-row-hover: #FBF8F5;
    --color-table-row-selected: #FFC3D9;
    --color-table-border: #EFE2D3;
    --color-table-text-header: #6B7066;
    --color-shadow-xs: rgba(0, 0, 0, 0.04);
    --color-shadow-sm: rgba(0, 0, 0, 0.06);
    --color-shadow-md: rgba(0, 0, 0, 0.08);
    --color-shadow-lg: rgba(0, 0, 0, 0.12);
    --color-tag-proprietario-bg: #F4F7C8;
    --color-tag-proprietario-text: #787F2A;
    --color-tag-funcionario-bg: #D4EDCF;
    --color-tag-funcionario-text: #286320;
    --color-tag-autonomo-bg: #E0E1DC;
    --color-tag-autonomo-text: #42463E;
    --color-avatar-bg-1: #FF5191;
    --color-avatar-bg-2: #1A5A94;
    --color-avatar-bg-3: #00804C;
    --color-avatar-bg-4: #1E488F;
    --color-avatar-text: #FFFFFF;
    --color-role-owner-bg: #FFC3D9;
    --color-role-owner-text: #662539;
    --color-role-employee-bg: #E9EDF0;
    --color-role-employee-text: #1E3442;
    --color-role-freelancer-bg: #F0E9F1;
    --color-role-freelancer-text: #732553;
    --color-trend-positive: #00804C;
    --color-trend-positive-bg: #E6F2ED;
    --color-trend-negative: #EF4444;
    --color-trend-negative-bg: #FEF2F2;
    --color-trend-neutral: #959890;
    --color-trend-neutral-bg: #E0E1DC;
    --color-nav-active-indicator: #FF5C8D;
    --color-nav-active-bg: #732553;
    /* surface states */
    --color-surface-highlighted: #D4C3D9;
    --color-surface-brand-subtle: #FFE9F1;
    /* text states */
    --color-text-on-sidebar-active: #FF5C8D;
    /* brand states */
    --color-brand-secondary-disabled: #C8D5DC;
    --color-brand-accent-hover: #182A35;
    /* table states */
    --color-table-row-default: #FBF8F5;
    --color-table-border-hover: #FFE9F1;
    --color-table-border-selected: #FF9DC1;
    --color-table-header-text: #657890;
    --color-table-row-highlight: #FFC3D9;
    /* button-header states */
    --color-button-header-bg-default: #F5EDE4;
    --color-button-header-bg-hover: #EFE2D3;
    --color-button-header-bg-active: #FFC3D9;
    --color-button-header-border-default: #85A3B2;
    --color-button-header-border-active: #FF5C8D;
    --color-button-header-icon-active: #993755;
    /* button states */
    --color-button-primary-bg: #FF5C8D;
    --color-button-primary-bg-hover: #CC4A71;
    --color-button-primary-bg-disabled: #E0E1DC;
    --color-button-secondary-bg: #FFFFFF;
    --color-button-secondary-bg-hover: #FFC3D9;
    --color-button-secondary-bg-disabled: #FFE9F1;
    --color-button-border: #FF5C8D;
    --color-button-border-faded: #FFC3D9;
    --color-button-border-hover: #CC4A71;
    --color-button-border-active: #993755;
    --color-button-border-disabled: #C8CAC3;
    /* Figma `color/button/primary/text` (no 1652:65419). Branco por decisao do
       design system, no lugar da ameixa (#33121C) que estava aqui; sobre
       #FF5C8D da 2.9:1 e reprova AA. Ver napolitano. */
    --color-button-text-primary: #FFFFFF;
    --color-button-text-disabled: #AEB1A8;

    /* color/button/{role} — só primary/secondary variam por tema */
    --color-button-primary-surface: #FF5C8D;
    --color-button-primary-border: #CC4A71;
    --color-button-primary-text: #FFFFFF;
    --color-button-primary-disabled-surface: #FFC3D9;
    --color-button-primary-disabled-border: #FFC3D9;
    --color-button-primary-disabled-icon: #FF9DC1;
    --color-button-secondary-surface: #1E3442;
    --color-button-secondary-border: #182A35;
    --color-button-secondary-text: #FFFFFF;
    --color-button-secondary-disabled-surface: #C8D5DC;
    --color-button-secondary-disabled-border: #C8D5DC;
    --color-button-secondary-disabled-icon: #B3C5CE;
}

[data-theme="aperol"] {
    --color-bg-page: #F2F1EF;
    --color-bg-sidebar: #0A2538;
    --color-surface-default: #FFFFFF;
    --color-surface-subtle: #F5EEE1;
    --color-agenda-slot-closed: #F4F5F8;
    --color-surface-raised: #FEFEFE;
    --color-brand-primary: #F34723;
    --color-brand-primary-hover: #C2391C;
    --color-brand-primary-active: #922B15;
    --color-brand-primary-disabled: #FCB6A7;
    --color-brand-secondary: #AEC3C4;
    --color-brand-secondary-hover: #8B9C9D;
    --color-brand-secondary-active: #687576;
    --color-brand-active: #841B2D;
    --color-brand-accent: #AEC3C4;
    --color-hero-gradient-start: #FA7C61;
    --color-hero-gradient-end: #4F101B;
    --color-text-primary: #1A1C15;
    --color-text-secondary: #6B7066;
    --color-text-tertiary: #959890;
    --color-text-disabled: #AEB1A8;
    --color-text-on-brand: #FFFFFF;
    --color-text-on-sidebar: #F6F4F1;
    --color-text-on-sidebar-muted: #AEC3C4;
    --color-text-heading: #0A2538;
    --color-border-default: #EFE4CF;
    --color-border-subtle: #F5EEE1;
    --color-border-strong: #6B7066;
    --color-border-brand: #F34723;
    --color-feedback-success: #00804C;
    --color-feedback-success-subtle: #E6F2ED;
    --color-feedback-success-text: #00462A;
    --color-feedback-danger: #EF4444;
    --color-feedback-danger-subtle: #FEF2F2;
    --color-feedback-danger-text: #991B1B;
    --color-feedback-warning: #FBD86E;
    --color-feedback-warning-subtle: #FFFBEB;
    --color-feedback-warning-text: #BD900B;
    --color-feedback-info: #1E488F;
    --color-feedback-info-subtle: #E9EDF4;
    --color-feedback-info-text: #153366;
    --color-chart-primary: #F34723;
    --color-chart-secondary: #841B2D;
    --color-chart-tertiary: #AEC3C4;
    --color-chart-accent: #EBE1C9;
    --color-overlay-default: rgba(0, 0, 0, 0.5);
    --color-overlay-subtle: rgba(0, 0, 0, 0.2);
    --color-input-bg: #FFFFFF;
    --color-input-border: #EBE1C9;
    --color-input-border-focus: #F34723;
    --color-input-border-error: #EF4444;
    --color-input-placeholder: #959890;
    --color-input-text: #1A1C15;
    --color-input-bg-disabled: #F5F5F3;
    --color-sidebar-item-hover-bg: #061622;
    --color-sidebar-item-active-bg: #FCB6A7;
    --color-sidebar-item-active-text: #F34723;
    --color-sidebar-item-text: #F6F4F1;
    --color-sidebar-section-label: #AEC3C4;
    --color-sidebar-border: rgba(174, 195, 196, 0.4);
    --color-badge-success-bg: #E6F2ED;
    --color-badge-success-text: #00462A;
    --color-badge-warning-bg: #FFFBEB;
    --color-badge-warning-text: #BD900B;
    --color-badge-danger-bg: #FEF2F2;
    --color-badge-danger-text: #991B1B;
    --color-badge-neutral-bg: #E0E1DC;
    --color-badge-neutral-text: #42463E;
    --color-badge-brand-bg: #FDD3CA;
    --color-badge-brand-text: #611C0E;
    --color-table-header-bg: #FAFAF9;
    --color-table-row-hover: #FEF0ED;
    --color-table-row-selected: #EFE4CF;
    --color-table-border: #F6F5F4;
    --color-table-text-header: #6B7066;
    --color-shadow-xs: rgba(0, 0, 0, 0.04);
    --color-shadow-sm: rgba(0, 0, 0, 0.06);
    --color-shadow-md: rgba(0, 0, 0, 0.08);
    --color-shadow-lg: rgba(0, 0, 0, 0.12);
    --color-tag-proprietario-bg: #F4F7C8;
    --color-tag-proprietario-text: #787F2A;
    --color-tag-funcionario-bg: #D4EDCF;
    --color-tag-funcionario-text: #286320;
    --color-tag-autonomo-bg: #E0E1DC;
    --color-tag-autonomo-text: #42463E;
    --color-avatar-bg-1: #F34723;
    --color-avatar-bg-2: #1A5A94;
    --color-avatar-bg-3: #00804C;
    --color-avatar-bg-4: #1E488F;
    --color-avatar-text: #FFFFFF;
    --color-role-owner-bg: #FDD3CA;
    --color-role-owner-text: #611C0E;
    --color-role-employee-bg: #F3F6F7;
    --color-role-employee-text: #AEC3C4;
    --color-role-freelancer-bg: #F5E8EB;
    --color-role-freelancer-text: #841B2D;
    --color-trend-positive: #00804C;
    --color-trend-positive-bg: #E6F2ED;
    --color-trend-negative: #EF4444;
    --color-trend-negative-bg: #FEF2F2;
    --color-trend-neutral: #959890;
    --color-trend-neutral-bg: #E0E1DC;
    --color-nav-active-indicator: #F34723;
    --color-nav-active-bg: #841B2D;
    /* surface states */
    --color-surface-highlighted: #F5EEE1;
    --color-surface-brand-subtle: #FEF0ED;
    /* text states */
    --color-text-on-sidebar-active: #F34723;
    /* brand states */
    --color-brand-secondary-disabled: #C9DADD;
    --color-brand-accent-hover: #8B9C9D;
    /* table states */
    --color-table-row-default: #FEFEFE;
    --color-table-border-hover: #FDD3CA;
    --color-table-border-selected: #FDD3CA;
    --color-table-header-text: #576A79;
    --color-table-row-highlight: #FDD3CA;
    /* button-header states */
    --color-button-header-bg-default: #FAFAF9;
    --color-button-header-bg-hover: #F6F5F4;
    --color-button-header-bg-active: #FDD3CA;
    --color-button-header-border-default: #EBE1C9;
    --color-button-header-border-active: #F34723;
    --color-button-header-icon-active: #922B15;
    /* button states */
    /* Figma `color/button/primary/surface` (no 1652:65419) e um passo mais
       escuro que `--color-brand-primary` (#F34723) de proposito: branco sobre a
       cor da marca da 3.7:1 e reprova AA, sobre #C2391C da 5.4:1. Por isso o
       botao nao le a marca direto aqui. O hover desce junto um degrau da rampa,
       senao ficaria igual ao estado de repouso. */
    --color-button-primary-bg: #C2391C;
    --color-button-primary-bg-hover: #922B15;
    --color-button-primary-bg-disabled: #E0E1DC;
    --color-button-secondary-bg: #FFFFFF;
    --color-button-secondary-bg-hover: #FDD3CA;
    --color-button-secondary-bg-disabled: #FEF0ED;
    --color-button-border: #F34723;
    --color-button-border-faded: #FDD3CA;
    --color-button-border-hover: #C2391C;
    --color-button-border-active: #922B15;
    --color-button-border-disabled: #C8CAC3;
    --color-button-text-primary: #FFFFFF;
    --color-button-text-disabled: #AEB1A8;

    /* color/button/{role} — só primary/secondary variam por tema */
    --color-button-primary-surface: #C2391C;
    --color-button-primary-border: #922B15;
    --color-button-primary-text: #FFFFFF;
    --color-button-primary-disabled-surface: #FDD3CA;
    --color-button-primary-disabled-border: #FDD3CA;
    --color-button-primary-disabled-icon: #FCB6A7;
    --color-button-secondary-surface: #0A2538;
    --color-button-secondary-border: #081E2D;
    --color-button-secondary-text: #FFFFFF;
    --color-button-secondary-disabled-surface: #C3CAD0;
    --color-button-secondary-disabled-border: #C3CAD0;
    --color-button-secondary-disabled-icon: #C3CAD0;
}

/* ── 4. TOKENS INVARIANTES ──────────────────────────────────── */
:root {
    /* Typography — primitives */
    --font-family-base: Inter, sans-serif;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-snug: 1.35;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.6;
    --letter-spacing-normal: 0;
    --letter-spacing-wide: 0.5px;
    --letter-spacing-wider: 0.66px;
    --letter-spacing-widest: 0.8px;
    /* Typography — app text styles */
    --text-display-size: 22px;
    --text-display-weight: var(--font-weight-bold);
    --text-display-lh: var(--line-height-tight);
    --text-heading-lg-size: 18px;
    --text-heading-lg-weight: var(--font-weight-bold);
    --text-heading-lg-lh: var(--line-height-tight);
    --text-heading-md-size: 16px;
    --text-heading-md-weight: var(--font-weight-semibold);
    --text-heading-md-lh: var(--line-height-snug);
    --text-heading-sm-size: 14px;
    --text-heading-sm-weight: var(--font-weight-semibold);
    --text-heading-sm-lh: var(--line-height-snug);
    --text-body-md-size: 14px;
    --text-body-md-weight: var(--font-weight-medium);
    --text-body-md-lh: var(--line-height-normal);
    --text-body-sm-size: 13px;
    --text-body-sm-weight: var(--font-weight-regular);
    --text-body-sm-lh: var(--line-height-normal);
    --text-caption-size: 12px;
    --text-caption-weight: var(--font-weight-regular);
    --text-caption-sm-size: 11px;
    --text-caption-sm-weight: var(--font-weight-regular);
    --text-label-size: 11px;
    --text-label-weight: var(--font-weight-semibold);
    --text-label-ls: var(--letter-spacing-wider);
    --text-micro-size: 10px;
    --text-micro-weight: var(--font-weight-medium);
    --text-micro-ls: var(--letter-spacing-widest);
    --text-sidebar-title-size: 14px;
    --text-sidebar-title-weight: var(--font-weight-semibold);
    --text-sidebar-sub-size: 11px;
    --text-sidebar-sub-weight: var(--font-weight-regular);
    --text-sidebar-item-size: 14px;
    --text-sidebar-item-weight: var(--font-weight-medium);
    --text-sidebar-label-size: 10px;
    --text-sidebar-label-weight: var(--font-weight-semibold);
    --text-sidebar-label-ls: var(--letter-spacing-widest);
    --text-user-name-size: 13px;
    --text-user-name-weight: var(--font-weight-medium);
    --text-user-role-size: 11px;
    --text-user-role-weight: var(--font-weight-regular);
    --text-avatar-size: 12px;
    --text-avatar-weight: var(--font-weight-bold);
    --text-badge-size: 11px;
    --text-badge-weight: var(--font-weight-semibold);
    --text-list-item-size: 13px;
    --text-list-item-weight: var(--font-weight-regular);
    --text-list-value-size: 13px;
    --text-list-value-weight: var(--font-weight-semibold);
    /* Spacing (4px scale) */
    --spacing-0: 0px;
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --spacing-5: 20px;
    --spacing-6: 24px;
    --spacing-7: 28px;
    --spacing-8: 32px;
    --spacing-9: 36px;
    --spacing-10: 40px;
    --spacing-11: 44px;
    --spacing-12: 48px;
    --spacing-14: 56px;
    --spacing-16: 64px;
    --spacing-20: 80px;
    --spacing-24: 96px;
    --spacing-32: 128px;
    /* Border radius */
    --radius-none: 0px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 20px;
    --radius-3xl: 24px;
    --radius-full: 9999px;
    /* Border width */
    --border-1: 1px;
    --border-1-5: 1.5px;
    --border-2: 2px;
    --border-2-5: 2.5px;
    --border-3: 3px;
    /* Icon size */
    --icon-12: 12px;
    --icon-16: 16px;
    --icon-18: 18px;
    --icon-20: 20px;
    --icon-24: 24px;
    --icon-32: 32px;
    --icon-40: 40px;
    --icon-48: 48px;
    /* Shadows */
    --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
    /* Agenda grid lines — alfa sobre qualquer fundo, logo um valor serve aos 6 temas.
       Figma "Design System BF" no 1402:23003 (agenda-dia/celulas).
       O grid propriamente dito (horas + separadores de coluna) usa o mesmo 10% nas duas
       direcoes; --soft e so a meia-hora tracejada, que precisa ficar abaixo da hora cheia. */
    --color-agenda-grid-line: rgba(28, 27, 31, 0.1);
    --color-agenda-grid-line-soft: rgba(28, 27, 31, 0.05);
    /* Invariant interactive tokens (same across all themes) */
    --color-text-inverse: #FFFFFF;
    --color-text-muted: #878882;
    --color-badge-info-bg: #E9EDF4;
    --color-badge-info-text: #153366;
    --color-badge-success-bg-strong: #80CDAA;
    --color-badge-success-text-strong: #003719;
    --color-button-header-icon-default: #6B7066;
    --color-button-header-icon-hover: #1A1C15;
    --color-button-text-secondary: #42463E;
}