@inchurch/matcha-theme 20.277.0 → 21.0.0

package/tokens/_color-tokens.scss

@@ -1,1150 +1,260 @@
-// -------------------------------------------------------------------------------------------------------------------
-// @ Deprecated renamed to $dark-primary-text.
-// --------------------------------------------------------------------------------------------------------------------
-$dark-primary-text: rgba(black, 0.87);
-$light-primary-text: white;
-
-// -------------------------------------------------------------------------------------------------------------------
-// @ Color variables
-// --------------------------------------------------------------------------------------------------------------------
-
-$color-base-red-50: #fce7e7;
-$color-base-red-100: #f7c4c4;
-$color-base-red-200: #EF9A9A;
-$color-base-red-300: #ed7575;
-$color-base-red-400: #e95858;
-$color-base-red-500: #e53a3a;
-$color-base-red-600: #e23434;
-$color-base-red-700: #de2c2c;
-$color-base-red-800: #da2525;
-$color-base-red-900: #d31818;
-$color-base-red-a100: #ff8a80;
-$color-base-red-a200: #ff5252;
-$color-base-red-a400: #ff1744;
-$color-base-red-a700: #C81010;
-
-$color-base-pink-50: #fce4ec;
-$color-base-pink-100: #f8bbd0;
-$color-base-pink-200: #f48fb1;
-$color-base-pink-300: #f06e9a;
-$color-base-pink-400: #ec407a;
-$color-base-pink-500: #e91e63;
-$color-base-pink-600: #d81b60;
-$color-base-pink-700: #c2185b;
-$color-base-pink-800: #ad1457;
-$color-base-pink-900: #880e4f;
-$color-base-pink-a100: #ff80ab;
-$color-base-pink-a200: #ff4081;
-$color-base-pink-a400: #f50057;
-$color-base-pink-a700: #c51162;
-
-$color-base-purple-50: #f3e6ff;
-$color-base-purple-100: #e1bee7;
-$color-base-purple-200: #ce93d8;
-$color-base-purple-300: #ba68c8;
-$color-base-purple-400: #ab47bc;
-$color-base-purple-500: #9c27b0;
-$color-base-purple-600: #8e24aa;
-$color-base-purple-700: #7b1fa2;
-$color-base-purple-800: #6a1b9a;
-$color-base-purple-900: #4a148c;
-$color-base-purple-a100: #ea80fc;
-$color-base-purple-a200: #e040fb;
-$color-base-purple-a400: #d500f9;
-$color-base-purple-a700: #aa00ff;
-
-$color-base-deep-purple-50: #ede7f6;
-$color-base-deep-purple-100: #d1c4e9;
-$color-base-deep-purple-200: #b39ddb;
-$color-base-deep-purple-300: #9575cd;
-$color-base-deep-purple-400: #7e57c2;
-$color-base-deep-purple-500: #673ab7;
-$color-base-deep-purple-600: #5e35b1;
-$color-base-deep-purple-700: #512da8;
-$color-base-deep-purple-800: #4527a0;
-$color-base-deep-purple-900: #311b92;
-$color-base-deep-purple-a100: #cf97ff;
-$color-base-deep-purple-a200: #be73ff;
-$color-base-deep-purple-a400: #9f2eff;
-$color-base-deep-purple-a700: #7212ff;
-
-$color-base-indigo-50: #e8eaf6;
-$color-base-indigo-100: #c5cae9;
-$color-base-indigo-200: #9fa8da;
-$color-base-indigo-300: #7986cb;
-$color-base-indigo-400: #5c6bc0;
-$color-base-indigo-500: #3f51b5;
-$color-base-indigo-600: #3949ab;
-$color-base-indigo-700: #303f9f;
-$color-base-indigo-800: #283593;
-$color-base-indigo-900: #1a237e;
-$color-base-indigo-a100: #8c9eff;
-$color-base-indigo-a200: #536dfe;
-$color-base-indigo-a400: #3d5afe;
-$color-base-indigo-a700: #304ffe;
-
-$color-base-blue-50: #E3F2FD;
-$color-base-blue-100: #BBDEFB;
-$color-base-blue-200: #90CAF9;
-$color-base-blue-300: #64B5F6;
-$color-base-blue-400: #42A5F5;
-$color-base-blue-500: #2196F3;
-$color-base-blue-600: #1E88E5;
-$color-base-blue-700: #1664C2;
-$color-base-blue-800: #1565C0;
-$color-base-blue-900: #0D47A1;
-$color-base-blue-a100: #82B1FF;
-$color-base-blue-a200: #448AFF;
-$color-base-blue-a400: #2979FF;
-$color-base-blue-a700: #0A2FC2;
-
-$color-base-light-blue-50: #e1f5fe;
-$color-base-light-blue-100: #b3e5fc;
-$color-base-light-blue-200: #81d4fa;
-$color-base-light-blue-300: #4fc3f7;
-$color-base-light-blue-400: #29b6f6;
-$color-base-light-blue-500: #03a9f4;
-$color-base-light-blue-600: #039be5;
-$color-base-light-blue-700: #0288d1;
-$color-base-light-blue-800: #0277bd;
-$color-base-light-blue-900: #01579b;
-$color-base-light-blue-a100: #80d8ff;
-$color-base-light-blue-a200: #40c4ff;
-$color-base-light-blue-a400: #33b6ff;
-$color-base-light-blue-a700: #0091ea;
-
-$color-base-cyan-50: #e0f7fa;
-$color-base-cyan-100: #b2ebf2;
-$color-base-cyan-200: #84e1eb;
-$color-base-cyan-300: #4dd0e1;
-$color-base-cyan-400: #08c3d6;
-$color-base-cyan-500: #00bcd4;
-$color-base-cyan-600: #00acc1;
-$color-base-cyan-700: #02a1bc;
-$color-base-cyan-800: #00838f;
-$color-base-cyan-900: #006064;
-$color-base-cyan-a100: #84ffff;
-$color-base-cyan-a200: #18ffff;
-$color-base-cyan-a400: #00e5ff;
-$color-base-cyan-a700: #00b8d4;
-
-$color-base-teal-50: #e0f2f1;
-$color-base-teal-100: #b2dfdb;
-$color-base-teal-200: #80cbc4;
-$color-base-teal-300: #4db6ac;
-$color-base-teal-400: #26a69a;
-$color-base-teal-500: #009688;
-$color-base-teal-600: #00897b;
-$color-base-teal-700: #00796b;
-$color-base-teal-800: #00695c;
-$color-base-teal-900: #004d40;
-$color-base-teal-a100: #a7ffeb;
-$color-base-teal-a200: #64ffda;
-$color-base-teal-a400: #1de9b6;
-$color-base-teal-a700: #00bfa5;
-
-$color-base-green-50: #e2f2e9;
-$color-base-green-100: #b8dec8;
-$color-base-green-200: #88c8a3;
-$color-base-green-300: #58b17e;
-$color-base-green-400: #35a162;
-$color-base-green-500: #119046;
-$color-base-green-600: #0f883f;
-$color-base-green-700: #0c7d37;
-$color-base-green-800: #0a732f;
-$color-base-green-900: #2E7D32;
-$color-base-green-a100: #b9f6ca;
-$color-base-green-a200: #69f0ae;
-$color-base-green-a400: #2cff5b;
-$color-base-green-a700: #13ff48;
-
-$color-base-light-green-50: #F1F8E9;
-$color-base-light-green-100: #DCEDC8;
-$color-base-light-green-200: #C5E1A5;
-$color-base-light-green-300: #AED581;
-$color-base-light-green-400: #9CCC65;
-$color-base-light-green-500: #8BC34A;
-$color-base-light-green-600: #43A047;
-$color-base-light-green-700: #33691E;
-$color-base-light-green-800: #2E7D32;
-$color-base-light-green-900: #1B5E20;
-$color-base-light-green-a100: #CCFF90;
-$color-base-light-green-a200: #B2FF59;
-$color-base-light-green-a400: #A8D94E;
-$color-base-light-green-a700: #64DD17;
-
-$color-base-lime-50: #f0f7e0;
-$color-base-lime-100: #dbebb3;
-$color-base-lime-200: #c3de80;
-$color-base-lime-300: #aad14d;
-$color-base-lime-400: #98c726;
-$color-base-lime-500: #86bd00;
-$color-base-lime-600: #7eb700;
-$color-base-lime-700: #73ae00;
-$color-base-lime-800: #69a600;
-$color-base-lime-900: #569800;
-$color-base-lime-a100: #f4ff81;
-$color-base-lime-a200: #eeff41;
-$color-base-lime-a400: #c6ff00;
-$color-base-lime-a700: #aeea00;
-
-$color-base-yellow-50: #FCF6D9;
-$color-base-yellow-100: #F8EDB3;
-$color-base-yellow-200: #FFB74D;
-$color-base-yellow-300: #EFD54D;
-$color-base-yellow-400: #EBCC26;
-$color-base-yellow-500: #E8C300;
-$color-base-yellow-600: #A64E00;
-$color-base-yellow-700: #C58400;
-$color-base-yellow-800: #AA6600;
-$color-base-yellow-900: #934E00;
-$color-base-yellow-a100: #FFF28B;
-$color-base-yellow-a200: #FFED5D;
-$color-base-yellow-a400: #FFE82F;
-$color-base-yellow-a700: #FFE300;
-
-$color-base-amber-50: #fef4e4;
-$color-base-amber-100: #fee4ba;
-$color-base-amber-200: #fdd38d;
-$color-base-amber-300: #fcc15f;
-$color-base-amber-400: #fbb33c;
-$color-base-amber-500: #faa61a;
-$color-base-amber-600: #f99e17;
-$color-base-amber-700: #f99513;
-$color-base-amber-800: #f88b0f;
-$color-base-amber-900: #f67b08;
-$color-base-amber-a100: #ffe57f;
-$color-base-amber-a200: #ffd740;
-$color-base-amber-a400: #ffc400;
-$color-base-amber-a700: #ffab00;
-
-$color-base-orange-50: #feefe3;
-$color-base-orange-100: #fdd7b9;
-$color-base-orange-200: #fbbc8a;
-$color-base-orange-300: #f9a15b;
-$color-base-orange-400: #f88c37;
-$color-base-orange-500: #f77814;
-$color-base-orange-600: #f67012;
-$color-base-orange-700: #f5650e;
-$color-base-orange-800: #f35b0b;
-$color-base-orange-900: #f14806;
-$color-base-orange-a100: #ffd180;
-$color-base-orange-a200: #ffab40;
-$color-base-orange-a400: #ff9100;
-$color-base-orange-a700: #ff6d00;
-
-$color-base-deep-orange-50: #fbe9e7;
-$color-base-deep-orange-100: #ffccbc;
-$color-base-deep-orange-200: #ffab91;
-$color-base-deep-orange-300: #ff8a65;
-$color-base-deep-orange-400: #ff7043;
-$color-base-deep-orange-500: #ff5722;
-$color-base-deep-orange-600: #f4511e;
-$color-base-deep-orange-700: #e64a19;
-$color-base-deep-orange-800: #d84315;
-$color-base-deep-orange-900: #bf360c;
-$color-base-deep-orange-a100: #ff9e80;
-$color-base-deep-orange-a200: #ff6e40;
-$color-base-deep-orange-a400: #ff3d00;
-$color-base-deep-orange-a700: #dd2c00;
-
-$color-base-brown-50: #efebe9;
-$color-base-brown-100: #d7ccc8;
-$color-base-brown-200: #bcaaa4;
-$color-base-brown-300: #a1887f;
-$color-base-brown-400: #8d6e63;
-$color-base-brown-500: #795548;
-$color-base-brown-600: #6d4c41;
-$color-base-brown-700: #5d4037;
-$color-base-brown-800: #4e342e;
-$color-base-brown-900: #3e2723;
-$color-base-brown-a100: $color-base-brown-100;
-$color-base-brown-a200: $color-base-brown-200;
-$color-base-brown-a400: $color-base-brown-400;
-$color-base-brown-a700: $color-base-brown-700;
-
-$color-base-grey-50: #EFF1F2;
-$color-base-grey-100: #DEE3E6;
-$color-base-grey-200: #C8D0D5;
-$color-base-grey-300: #B2BDC4;
-$color-base-grey-400: #A2AEB7;
-$color-base-grey-500: #91A0AA;
-$color-base-grey-600: #7B8891;
-$color-base-grey-700: #667077;
-$color-base-grey-800: #495055;
-$color-base-grey-900: #33383B;
-$color-base-grey-a100: #FFFFFF;
-$color-base-grey-a200: #E7EDF1;
-$color-base-grey-a400: #C0CEDA;
-$color-base-grey-a700: #98AFC2;
-
-$color-base-blue-grey-50: #FFFFFF;
-$color-base-blue-grey-100: #E2E7E9; // disabled - light-theme
-$color-base-blue-grey-200: #C4CFD4;
-$color-base-blue-grey-300: #A7B6BE;
-$color-base-blue-grey-400: #8A9EA8;
-$color-base-blue-grey-500: #7E8E95;
-$color-base-blue-grey-600: #5A6A72;
-$color-base-blue-grey-700: #435056;
-$color-base-blue-grey-800: #2B363B;
-$color-base-blue-grey-900: #21282C;
-$color-base-blue-grey-a100: $color-base-blue-grey-100;
-$color-base-blue-grey-a200: $color-base-blue-grey-200;
-$color-base-blue-grey-a400: $color-base-blue-grey-400;
-$color-base-blue-grey-a700: $color-base-blue-grey-700;
-
-$color-base-light-grey-50: #FFFFFF;
-$color-base-light-grey-100: #F8F9FC;
-$color-base-light-grey-200: #F2F3F8; // background - light-theme
-$color-base-light-grey-300: #EAECF6;
-$color-base-light-grey-400: #E2E5F3;
-$color-base-light-grey-500: #DBDFF0;
-$color-base-light-grey-600: #D4D8ED;
-$color-base-light-grey-700: #CDD2EA;
-$color-base-light-grey-800: #C6CBE7;
-$color-base-light-grey-900: #BFC5E3;
-$color-base-light-grey-a100: $color-base-light-grey-100;
-$color-base-light-grey-a200: $color-base-light-grey-200;
-$color-base-light-grey-a400: $color-base-light-grey-400;
-$color-base-light-grey-a700: $color-base-light-grey-700;
-
-$color-base-dark-grey-50: #2E2E2E;
-$color-base-dark-grey-100: #292929;
-$color-base-dark-grey-200: #242424;
-$color-base-dark-grey-300: #1F1F1F;
-$color-base-dark-grey-400: #1A1A1A;
-$color-base-dark-grey-500: #1a1a1a;
-$color-base-dark-grey-600: #0F0F0F;
-$color-base-dark-grey-700: #0A0A0A;
-$color-base-dark-grey-800: #050505;
-$color-base-dark-grey-900: #000000;
-$color-base-dark-grey-a100: $color-base-dark-grey-100;
-$color-base-dark-grey-a200: $color-base-dark-grey-200;
-$color-base-dark-grey-a400: $color-base-dark-grey-400;
-$color-base-dark-grey-a700: $color-base-dark-grey-700;
-
-// -------------------------------------------------------------------------------------------------------------------
-// @ Color maps
-// --------------------------------------------------------------------------------------------------------------------
-
-$mat-red: (
-    50: $color-base-red-50,
-    100: $color-base-red-100,
-    200: $color-base-red-200,
-    300: $color-base-red-300,
-    400: $color-base-red-400,
-    500: $color-base-red-500,
-    600: $color-base-red-600,
-    700: $color-base-red-700,
-    800: $color-base-red-800,
-    900: $color-base-red-900,
-    A100: $color-base-red-a100,
-    A200: $color-base-red-a200,
-    A400: $color-base-red-a400,
-    A700: $color-base-red-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $dark-primary-text,
-        400: $dark-primary-text,
-        500: $light-primary-text,
-        600: $light-primary-text,
-        700: $light-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $dark-primary-text,
-        A200: $light-primary-text,
-        A400: $light-primary-text,
-        A700: $light-primary-text )
-);
-// Alias for alternate spelling.
-$red: $mat-red;
-
-$mat-pink: (
-    50: $color-base-pink-50,
-    100: $color-base-pink-100,
-    200: $color-base-pink-200,
-    300: $color-base-pink-300,
-    400: $color-base-pink-400,
-    500: $color-base-pink-500,
-    600: $color-base-pink-600,
-    700: $color-base-pink-700,
-    800: $color-base-pink-800,
-    900: $color-base-pink-900,
-    A100: $color-base-pink-a100,
-    A200: $color-base-pink-a200,
-    A400: $color-base-pink-a400,
-    A700: $color-base-pink-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $dark-primary-text,
-        400: $dark-primary-text,
-        500: $light-primary-text,
-        600: $light-primary-text,
-        700: $light-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $dark-primary-text,
-        A200: $light-primary-text,
-        A400: $light-primary-text,
-        A700: $light-primary-text )
-);
-// Alias for alternate spelling.
-$pink: $mat-pink;
-
-$mat-purple: (
-    50: $color-base-purple-50,
-    100: $color-base-purple-100,
-    200: $color-base-purple-200,
-    300: $color-base-purple-300,
-    400: $color-base-purple-400,
-    500: $color-base-purple-500,
-    600: $color-base-purple-600,
-    700: $color-base-purple-700,
-    800: $color-base-purple-800,
-    900: $color-base-purple-900,
-    A100: $color-base-purple-a100,
-    A200: $color-base-purple-a200,
-    A400: $color-base-purple-a400,
-    A700: $color-base-purple-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $light-primary-text,
-        400: $light-primary-text,
-        500: $light-primary-text,
-        600: $light-primary-text,
-        700: $light-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $dark-primary-text,
-        A200: $light-primary-text,
-        A400: $light-primary-text,
-        A700: $light-primary-text )
-);
-// Alias for alternate spelling.
-$purple: $mat-purple;
-
-$mat-deep-purple: (
-    50: $color-base-deep-purple-50,
-    100: $color-base-deep-purple-100,
-    200: $color-base-deep-purple-200,
-    300: $color-base-deep-purple-300,
-    400: $color-base-deep-purple-400,
-    500: $color-base-deep-purple-500,
-    600: $color-base-deep-purple-600,
-    700: $color-base-deep-purple-700,
-    800: $color-base-deep-purple-800,
-    900: $color-base-deep-purple-900,
-    A100: $color-base-deep-purple-a100,
-    A200: $color-base-deep-purple-a200,
-    A400: $color-base-deep-purple-a400,
-    A700: $color-base-deep-purple-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $light-primary-text,
-        400: $light-primary-text,
-        500: $light-primary-text,
-        600: $light-primary-text,
-        700: $light-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $dark-primary-text,
-        A200: $light-primary-text,
-        A400: $light-primary-text,
-        A700: $light-primary-text )
-);
-// Alias for alternate spelling.
-$deep-purple: $mat-deep-purple;
-
-$mat-indigo: (
-    50: $color-base-indigo-50,
-    100: $color-base-indigo-100,
-    200: $color-base-indigo-200,
-    300: $color-base-indigo-300,
-    400: $color-base-indigo-400,
-    500: $color-base-indigo-500,
-    600: $color-base-indigo-600,
-    700: $color-base-indigo-700,
-    800: $color-base-indigo-800,
-    900: $color-base-indigo-900,
-    A100: $color-base-indigo-a100,
-    A200: $color-base-indigo-a200,
-    A400: $color-base-indigo-a400,
-    A700: $color-base-indigo-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $light-primary-text,
-        400: $light-primary-text,
-        500: $light-primary-text,
-        600: $light-primary-text,
-        700: $light-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $dark-primary-text,
-        A200: $light-primary-text,
-        A400: $light-primary-text,
-        A700: $light-primary-text )
-);
-// Alias for alternate spelling.
-$indigo: $mat-indigo;
-
-$mat-blue: (
-    50: $color-base-blue-50,
-    100: $color-base-blue-100,
-    200: $color-base-blue-200,
-    300: $color-base-blue-300,
-    400: $color-base-blue-400,
-    500: $color-base-blue-500,
-    600: $color-base-blue-600,
-    700: $color-base-blue-700,
-    800: $color-base-blue-800,
-    900: $color-base-blue-900,
-    A100: $color-base-blue-a100,
-    A200: $color-base-blue-a200,
-    A400: $color-base-blue-a400,
-    A700: $color-base-blue-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $dark-primary-text,
-        400: $light-primary-text,
-        500: $light-primary-text,
-        600: $light-primary-text,
-        700: $light-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $dark-primary-text,
-        A200: $light-primary-text,
-        A400: $light-primary-text,
-        A700: $light-primary-text )
-);
-// Alias for alternate spelling.
-$blue: $mat-blue;
-
-$mat-light-blue: (
-    50: $color-base-light-blue-50,
-    100: $color-base-light-blue-100,
-    200: $color-base-light-blue-200,
-    300: $color-base-light-blue-300,
-    400: $color-base-light-blue-400,
-    500: $color-base-light-blue-500,
-    600: $color-base-light-blue-600,
-    700: $color-base-light-blue-700,
-    800: $color-base-light-blue-800,
-    900: $color-base-light-blue-900,
-    A100: $color-base-light-blue-a100,
-    A200: $color-base-light-blue-a200,
-    A400: $color-base-light-blue-a400,
-    A700: $color-base-light-blue-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $dark-primary-text,
-        400: $dark-primary-text,
-        500: $light-primary-text,
-        600: $light-primary-text,
-        700: $light-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $dark-primary-text,
-        A200: $dark-primary-text,
-        A400: $dark-primary-text,
-        A700: $light-primary-text )
-);
-// Alias for alternate spelling.
-$light-blue: $mat-light-blue;
-
-$mat-cyan: (
-    50: $color-base-cyan-50,
-    100: $color-base-cyan-100,
-    200: $color-base-cyan-200,
-    300: $color-base-cyan-300,
-    400: $color-base-cyan-400,
-    500: $color-base-cyan-500,
-    600: $color-base-cyan-600,
-    700: $color-base-cyan-700,
-    800: $color-base-cyan-800,
-    900: $color-base-cyan-900,
-    A100: $color-base-cyan-a100,
-    A200: $color-base-cyan-a200,
-    A400: $color-base-cyan-a400,
-    A700: $color-base-cyan-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $dark-primary-text,
-        400: $dark-primary-text,
-        500: $light-primary-text,
-        600: $light-primary-text,
-        700: $light-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $dark-primary-text,
-        A200: $dark-primary-text,
-        A400: $dark-primary-text,
-        A700: $dark-primary-text )
-);
-// Alias for alternate spelling.
-$cyan: $mat-cyan;
-
-$mat-teal: (
-    50: $color-base-teal-50,
-    100: $color-base-teal-100,
-    200: $color-base-teal-200,
-    300: $color-base-teal-300,
-    400: $color-base-teal-400,
-    500: $color-base-teal-500,
-    600: $color-base-teal-600,
-    700: $color-base-teal-700,
-    800: $color-base-teal-800,
-    900: $color-base-teal-900,
-    A100: $color-base-teal-a100,
-    A200: $color-base-teal-a200,
-    A400: $color-base-teal-a400,
-    A700: $color-base-teal-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $dark-primary-text,
-        400: $dark-primary-text,
-        500: $light-primary-text,
-        600: $light-primary-text,
-        700: $light-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $dark-primary-text,
-        A200: $dark-primary-text,
-        A400: $dark-primary-text,
-        A700: $dark-primary-text )
-);
-// Alias for alternate spelling.
-$teal: $mat-teal;
-
-$mat-green: (
-    50: $color-base-green-50,
-    100: $color-base-green-100,
-    200: $color-base-green-200,
-    300: $color-base-green-300,
-    400: $color-base-green-400,
-    500: $color-base-green-500,
-    600: $color-base-green-600,
-    700: $color-base-green-700,
-    800: $color-base-green-800,
-    900: $color-base-green-900,
-    A100: $color-base-green-a100,
-    A200: $color-base-green-a200,
-    A400: $color-base-green-a400,
-    A700: $color-base-green-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $dark-primary-text,
-        400: $dark-primary-text,
-        500: $light-primary-text,
-        600: $light-primary-text,
-        700: $light-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $dark-primary-text,
-        A200: $dark-primary-text,
-        A400: $dark-primary-text,
-        A700: $dark-primary-text )
+// =============================================================================
+// MATCHA — TOKENS DE COR (papéis semânticos por modo) · SINCRONIZADO DO FIGMA
+// =============================================================================
+// NÃO ajuste COR à mão. Fonte: tokens/matcha/colors/{Light,Dark}.json (Tokens Studio).
+// Sincronizado por scripts/matcha-tokens/sync-tokens.js — gate: sync-tokens.js --check.
+// Mudar cor: edite no Figma/tokens e rode  sync-tokens.js --write [--adopt-drift].
+// Comentários, ordem e chaves PASSTHROUGH (sem fonte JSON) são curados — esses pode editar.
+// Consumido por _emit-tokens.scss (emissor) e por abstracts/_theme-api.scss (define-theme).
+// =============================================================================
+@use "sass:map";
+
+// ═══════════════════════════════════════════════════════════════════════════
+// 1. COLOR TOKENS — fonte única (light/dark) na ordem de emissão
+//    LIGHT = Figma oficial (matcha/color/* JSON export hierárquico)
+//    DARK  = tokens confirmados pelo usuário (flat JSON)
+// ═══════════════════════════════════════════════════════════════════════════
+$matcha-color-tokens: (
+  // ── Surface (9) — matcha/color/surface/* ─────────────────────────────────
+  // 1:1 Figma DSV3 (Light + Dark JSON export 2026-05-29).
+  // Light mode: sage-tinted neutrals (2–4% green hue da marca) + hierarquia perceptível.
+  surface-bg: (light: #f1f4f1, dark: #111318),
+  // bg-alpha light usa cor BASE distinta (#f0f2f5) — não é #f1f4f1 com alpha.
+  // Decisão Figma intencional pra sutil shift de tint no estado transparente.
+  surface-bg-alpha: (light: rgba(#f0f2f5, .5), dark: rgba(#111318, .5)),
+  surface-bg-inverse: (light: #111318, dark: #f0f2f5),
+  surface-bg-inverse-alpha: (light: rgba(#111318, .5), dark: rgba(#f0f2f5, .5)),
+
+  // Card soft default — light #f7fcf7 (off-white com tint sage muito sutil).
+  // Reduz glare contra surface-bg #f1f4f1 (Δ ~5 luminance). Pure white só pra
+  // floating overlays via surface-card-strong (modal, command-palette).
+  // Pattern Linear / Vercel / Notion: soft cards default + bright float.
+  surface: (light: #f7fcf7, dark: #1c1f26),
+  surface-card: (light: #f7fcf7, dark: #1c1f26),
+  // Card strong — pure white (light) / lifted dark, pra floating overlays
+  // que precisam máximo destaque sobre scrim. Modal, popover, dropdown,
+  // command-palette. NÃO usar pra cards inline — vira agressivo.
+  surface-card-strong: (light: #ffffff, dark: #262a32),
+  // Canvas aninhada dentro de card (preview stage, code body, inset panels)
+  // Light: sage (= bg da page, cria recorte sutil sobre card off-white)
+  // Dark: mais clara que card (inverte lógica, dá profundidade em vez de buraco)
+  surface-inner: (light: #f1f4f1, dark: #262a32),
+  // card-alpha light usa #ffffff base (não #f7fcf7) — overlay/zebra com white puro
+  surface-card-alpha: (light: rgba(#ffffff, .85), dark: rgba(#1c1f26, .5)),
+  surface-card-inverse: (light: #1c1f26, dark: #ffffff),
+
+  surface-sidebar: (light: #e4ebe5, dark: #0d0f14),
+  surface-sidebar-hover: (light: #d8e1da, dark: #161920),
+  // table-row-hover light: neutral #f4f4f4 (Figma — não tinted sage)
+  surface-table-row-hover: (light: #f4f4f4, dark: #151a22),
+
+  // Border sólido e visível (era rgba(0,0,0,.08) = invisível sobre sage bg)
+  surface-border: (light: #e1e7e2, dark: rgba(255, 255, 255, .12)),
+  // Border mais forte pra cards elevados (hero, playground — com shadow)
+  surface-border-strong: (light: #c8d2ca, dark: rgba(255, 255, 255, .24)),
+  surface-hover: (light: rgba(#e4ebe5, .5), dark: rgba(#111318, .5)),
+
+  // Aliases (flat) — usados massivamente
+  // Light mode softening 2026-05-18: fg de #1a1d21 (17:1, "tinta preta") → #2a2d33 (12:1 AAA, "tinta carvão").
+  // Inspiração: tom entre Linear (#1a1d21, mais pesado) e GitHub (#1f2328) — reduz fatiga em sessions longas.
+  bg: (light: #f1f4f1, dark: #111318),
+  fg: (light: #2a2d33, dark: #e8eaed),
+  fg-alpha: (light: rgba(#2a2d33, .5), dark: rgba(#e8eaed, .5)),
+  fg-inverse: (light: #e8eaed, dark: #2a2d33),
+  fg-inverse-alpha: (light: rgba(#e8eaed, .5), dark: rgba(#2a2d33, .5)),
+  border: (light: #e1e7e2, dark: rgba(255, 255, 255, .12)),
+
+  // ── Text (9) — matcha/color/text/* ───────────────────────────────────────
+  // Light mode softening 2026-05-18 — todos os tons recuados ~1 step pra reduzir
+  // peso visual sem perder hierarquia. Contrastes recalculados sobre card #f7fcf7:
+  //   primary   #2a2d33 → 12.0:1  (AAA, antes era #1a1d21 17:1 = exagero)
+  //   secondary #5a6066 → 6.8:1   (AAA Large + AA Normal, antes #4a5056 8.5:1)
+  //   muted     #6e7681 → 5.2:1   (AA, antes #5a6a5e 7.4:1)
+  //   label     #7a818a → 4.6:1   (AA, antes #6b7177 5.9:1)
+  text-primary: (light: #2a2d33, dark: #e8eaed),
+  text-inverse: (light: #e8eaed, dark: #2a2d33),
+  text-secondary: (light: #5a6066, dark: rgba(255, 255, 255, .7)),
+  // Muted: GitHub-ish neutral (antes era sage-tinted #5a6a5e — verde demais em form helper text)
+  text-muted: (light: #6e7681, dark: #a8b5a0),
+  text-label: (light: #7a818a, dark: #bdc1c6),
+  // Placeholder: #7a818a (4.5:1 sobre card — passa AA mantendo low-emphasis)
+  text-placeholder: (light: #7a818a, dark: #6e747a),
+  text-hint: (light: #7a818a, dark: #9aa0a6),
+  text-static-light: (light: #ffffff, dark: #ffffff),
+  text-static-dark: (light: #1a1d21, dark: #1a1d21),
+
+  // ── Icon (2) — matcha/color/icon/* ───────────────────────────────────────
+  // Light mode softening 2026-05-18:
+  //   default #5f656b → #75767a — recua ícones decorativos (sort, leading) pra não competir com texto
+  //   active  #1a1d21 → #3d4248 — ainda firme mas menos "tinta china" em toggles/sortable headers
+  icon-default: (light: #9aa0a6, dark: #9aa0a6),
+  icon-active: (light: #3d4248, dark: #e8eaed),
+
+  // ── Interaction (4) — matcha/color/interaction/* ─────────────────────────
+  // Light mode: disabled sólido com sage tint (antes alpha sobre bg = inconsistente)
+  interaction-disabled-bg: (light: #cfd6d1, dark: #282c34),
+  interaction-disabled-bg-alpha: (light: rgba(#cfd6d1, .5), dark: rgba(#282c34, .5)),
+  interaction-disabled-fg: (light: #8a9090, dark: rgba(#e8eaed, .38)),
+  interaction-disabled-border: (light: #c8d2ca, dark: rgba(#e8eaed, .38)),
+  focus-ring: (light: #43a047, dark: #a8d94e),
+  // Aliases legados
+  disabled: (light: #cfd6d1, dark: #282c34),
+  disabled-fg: (light: #8a9090, dark: rgba(#e8eaed, .38)),
+  disabled-border: (light: #c8d2ca, dark: rgba(#e8eaed, .38)),
+  disabled-bg: (light: #cfd6d1, dark: #282c34),
+
+  // ── Neutral (4 tokens Figma matcha/color/neutral/*) ───────────────────────
+  // Cor base pra botões e controles sem ênfase semântica (basic, ghost default).
+  // Light: sage-tinted grey | Dark: grey neutro escuro.
+  neutral: (light: #e4ebe5, dark: #282c34),
+  neutral-contrast: (light: #1a1d21, dark: #e8eaed),
+  neutral-alpha: (light: rgba(#1a1d21, .08), dark: rgba(#e8eaed, .1)),
+  neutral-hover: (light: #d8e1da, dark: #333842),
+
+  // ── Elevation (6) — matcha/color/elevation/* ─────────────────────────────
+  elevation-surface-1: (light: #f8faf8, dark: #1c1f26),   // cards, dropdowns (sage)
+  elevation-surface-2: (light: #ffffff, dark: #262a32),   // menus, floating
+  elevation-surface-3: (light: #ffffff, dark: #2e333c),   // modals, drawers
+  // Shadow base: Figma light usa tinta accent #1A2C1E (não preto puro), dark usa #000000
+  elevation-shadow: (light: #1a2c1e, dark: #000000),
+  elevation-shadow-tint: (light: #1a2c1e, dark: #000000),  // tint da marca pra shadows light
+  elevation-scrim: (light: #000000, dark: #000000),
+  // Figma matcha/color/state-layer/fg (camada sobre interações)
+  state-layer-fg: (light: #000000, dark: #ffffff),
+
+  // ── Accent (10) — matcha/color/accent/* ──────────────────────────────────
+  // Brand inChurch: lime/chartreuse #86BD00 (hue 78°, "matcha tea").
+  // Brand bright #86BD00 com white dá 2.25:1 (fail UI). Light mode escurece pra
+  // #6E9A00 (3.31:1 — passa WCAG UI/large text mínimo 3:1) mantendo a MESMA hue
+  // 78° pra preservar identidade lime. Tradeoff aceito 2026-05-18: accent é usado
+  // praticamente só em buttons (CTA filled c/ label branco) onde 3:1 UI é OK.
+  // Dark mode: lima bright #a8d94e + label preto (~11:1 AAA).
+  // accent-contrast 1:1 Figma DSV3: rgba(0,0,0,.87) em AMBOS os modos (Light + Dark).
+  // É label-on-accent ripple/text token, semantica é "preto sobre amarelo-lima". Pra label
+  // branco em Filled buttons use accent/text-on (branco no Light / quase-preto no Dark).
+  accent: (light: #54a71d, dark: #a8d94e),
+  accent-contrast: (light: rgba(0, 0, 0, .87), dark: rgba(0, 0, 0, .87)),
+  accent-contrast-alpha: (light: rgba(0, 0, 0, .1), dark: rgba(0, 0, 0, .1)),
+  // Figma matcha/color/accent/text-on — branco puro Light / quase preto Dark.
+  // Dedicado pra foreground sobre accent/default em Filled buttons, icon buttons.
+  // Garante contraste ≥ 3:1 em ambos modos (supera accent/contrast que é preto fixo).
+  accent-text-on: (light: #ffffff, dark: #1a1d21),
+  accent-alpha: (light: rgba(#54a71d, .1), dark: rgba(#a8d94e, .1)),
+  // Light/dark auxiliares: spring green tint (hue 143° matching accent base)
+  accent-light: (light: #b9e3a3, dark: #b9f6ca),
+  accent-dark: (light: #3a7515, dark: #c5e1a5),
+  // Hover/pressed: step ~10% darker mesma hue (3.0:1 → 3.75:1 → 4.7:1)
+  accent-hover: (light: #4b9519, dark: #bee57a),
+  accent-pressed: (light: #428316, dark: #d4eea0),
+  // Surface tints — light spring green
+  accent-surface-hover: (light: #e8f3dc, dark: #161e12),
+  accent-surface-pressed: (light: #cbe4ab, dark: #1f2d18),
+
+  // ── Accent Secondary (teal — 4 tokens Figma matcha/color/accent-2/*) ─────
+  // Light #00796b (teal-700) | Dark #4fb7ad (teal-light)
+  accent-2: (light: #00796b, dark: #4fb7ad),
+  accent-2-contrast: (light: #ffffff, dark: #ffffff),
+  accent-2-alpha: (light: rgba(#00796b, .10), dark: rgba(#4fb7ad, .12)),
+  accent-2-surface: (light: #e0f0ee, dark: #1d332e),
+
+  // ── Primary (10) — matcha/color/primary/* ────────────────────────────────
+  // Light #1664c2 (blue-700) | Dark #64b5f6 (blue-300)
+  primary: (light: #1664c2, dark: #64b5f6),
+  primary-contrast: (light: #ffffff, dark: rgba(0, 0, 0, .87)),
+  primary-contrast-alpha: (light: rgba(255, 255, 255, .1), dark: rgba(0, 0, 0, .1)),
+  primary-alpha: (light: rgba(#1664c2, .1), dark: rgba(#64b5f6, .1)),
+  primary-light: (light: #b3d7fd, dark: #bbdefb),
+  primary-dark: (light: #0d3c8c, dark: #90caf9),
+  primary-hover: (light: #2576d2, dark: #90caf9),
+  primary-pressed: (light: #378ce1, dark: #bbdefb),
+  primary-surface-hover: (light: #e4eefa, dark: #141922),
+  primary-surface-pressed: (light: #cddef5, dark: #1a2436),
+
+  // ── Feedback — Success (9) ───────────────────────────────────────────────
+  success: (light: #2e7d32, dark: #69f0ae),
+  success-contrast: (light: #ffffff, dark: rgba(0, 0, 0, .87)),
+  success-contrast-alpha: (light: rgba(255, 255, 255, .1), dark: rgba(0, 0, 0, .1)),
+  success-alpha: (light: rgba(#2e7d32, .1), dark: rgba(#69f0ae, .1)),
+  success-hover: (light: #388e3c, dark: #4cd992),
+  success-pressed: (light: #43a047, dark: #33c078),
+  success-fill: (light: #2e7d32, dark: #43a047),
+  success-surface-hover: (light: #e8f5e9, dark: #121d17),
+  success-surface-pressed: (light: #c8e6c9, dark: #192f24),
+
+  // ── Feedback — Danger (9) ────────────────────────────────────────────────
+  danger: (light: #c81010, dark: #ef9a9a),
+  danger-contrast: (light: #ffffff, dark: rgba(0, 0, 0, .87)),
+  danger-contrast-alpha: (light: rgba(255, 255, 255, .1), dark: rgba(0, 0, 0, .1)),
+  danger-alpha: (light: rgba(#c81010, .1), dark: rgba(#ef9a9a, .1)),
+  danger-hover: (light: #da2c2c, dark: #f4b8b8),
+  danger-pressed: (light: #e64848, dark: #f7d0d0),
+  danger-fill: (light: #c81010, dark: #e53935),
+  danger-surface-hover: (light: #fae8e8, dark: #1d1616),
+  danger-surface-pressed: (light: #f5d2d2, dark: #2f2121),
+
+  // ── Feedback — Warn (9) ──────────────────────────────────────────────────
+  // Light #a64e00 (âmbar escuro) | Dark #ffb74d (orange-300)
+  warn: (light: #a64e00, dark: #ffb74d),
+  warn-contrast: (light: #ffffff, dark: rgba(0, 0, 0, .87)),
+  warn-contrast-alpha: (light: rgba(255, 255, 255, .1), dark: rgba(0, 0, 0, .1)),
+  warn-alpha: (light: rgba(#a64e00, .1), dark: rgba(#ffb74d, .1)),
+  warn-hover: (light: #924200, dark: #e69f33),
+  warn-pressed: (light: #7e3600, dark: #cc881a),
+  warn-fill: (light: #a64e00, dark: #fb8c00),
+  warn-surface-hover: (light: #fcf0e1, dark: #1e1910),
+  warn-surface-pressed: (light: #f8e1c3, dark: #2f2616),
+
+  // ── Feedback — Info (8) ──────────────────────────────────────────────────
+  info: (light: #0a2fc2, dark: #4090d8),
+  info-contrast: (light: #ffffff, dark: #ffffff),
+  info-contrast-alpha: (light: rgba(255, 255, 255, .1), dark: rgba(255, 255, 255, .1)),
+  info-alpha: (light: rgba(#0a2fc2, .1), dark: rgba(#4090d8, .1)),
+  info-hover: (light: #294cd4, dark: #5aa0e0),
+  info-pressed: (light: #4265e0, dark: #74b0e8),
+  info-surface-hover: (light: #ebeefa, dark: #0f141e),
+  info-surface-pressed: (light: #d8def5, dark: #131f31),
+
+  // ── Palette (18) — matcha/color/palette/* ────────────────────────────────
+  palette-teal: (light: #00796b, dark: #4fb7ad),
+  palette-teal-light: (light: #4fb7ad, dark: #009688),
+  palette-teal-alpha: (light: rgba(#00796b, .1), dark: rgba(#4fb7ad, .1)),
+  palette-light-blue: (light: #0288d1, dark: #54c5f7),
+  palette-light-blue-light: (light: #54c5f7, dark: #03a9f4),
+  palette-light-blue-alpha: (light: rgba(#0288d1, .1), dark: rgba(#54c5f7, .1)),
+  palette-purple: (light: #9c27b0, dark: #bb6ac8),
+  palette-purple-light: (light: #bb6ac8, dark: #9c27b0),
+  palette-purple-alpha: (light: rgba(#9c27b0, .1), dark: rgba(#bb6ac8, .1)),
+  palette-pink: (light: #d81b60, dark: #e46291),
+  palette-pink-light: (light: #e46291, dark: #d81b60),
+  palette-pink-alpha: (light: rgba(#d81b60, .1), dark: rgba(#e46291, .1)),
+  palette-orange: (light: #e65100, dark: #f9a25d),
+  palette-orange-light: (light: #f9a25d, dark: #f77814),
+  palette-orange-alpha: (light: rgba(#e65100, .1), dark: rgba(#f9a25d, .1)),
+  palette-yellow: (light: #ffa000, dark: #efd64f),
+  palette-yellow-light: (light: #efd64f, dark: #e8c300),
+  palette-yellow-alpha: (light: rgba(#ffa000, .1), dark: rgba(#efd64f, .1)),
+
+  // ── Chart (5) — matcha/color/chart/* ─────────────────────────────────────
+  chart-series-1: (light: #615ce5, dark: #8782f2),
+  chart-series-2: (light: #42a147, dark: #66ba6b),
+  chart-series-3: (light: #ed6645, dark: #f5876b),
+  chart-series-4: (light: #c28700, dark: #ffc93d),
+  chart-series-5: (light: #008094, dark: #26c2d9),
 );
-// Alias for alternate spelling.
-$green: $mat-green;
-
-$mat-light-green: (
-    50: $color-base-light-green-50,
-    100: $color-base-light-green-100,
-    200: $color-base-light-green-200,
-    300: $color-base-light-green-300,
-    400: $color-base-light-green-400,
-    500: $color-base-light-green-500,
-    600: $color-base-light-green-600,
-    700: $color-base-light-green-700,
-    800: $color-base-light-green-800,
-    900: $color-base-light-green-900,
-    A100: $color-base-light-green-a100,
-    A200: $color-base-light-green-a200,
-    A400: $color-base-light-green-a400,
-    A700: $color-base-light-green-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $dark-primary-text,
-        400: $dark-primary-text,
-        500: $dark-primary-text,
-        600: $dark-primary-text,
-        700: $light-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $dark-primary-text,
-        A200: $dark-primary-text,
-        A400: $dark-primary-text,
-        A700: $dark-primary-text )
-);
-// Alias for alternate spelling.
-$light-green: $mat-light-green;
-
-$mat-lime: (
-    50: $color-base-lime-50,
-    100: $color-base-lime-100,
-    200: $color-base-lime-200,
-    300: $color-base-lime-300,
-    400: $color-base-lime-400,
-    500: $color-base-lime-500,
-    600: $color-base-lime-600,
-    700: $color-base-lime-700,
-    800: $color-base-lime-800,
-    900: $color-base-lime-900,
-    A100: $color-base-lime-a100,
-    A200: $color-base-lime-a200,
-    A400: $color-base-lime-a400,
-    A700: $color-base-lime-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $dark-primary-text,
-        400: $dark-primary-text,
-        500: $light-primary-text,
-        600: $light-primary-text,
-        700: $light-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $dark-primary-text,
-        A200: $dark-primary-text,
-        A400: $dark-primary-text,
-        A700: $dark-primary-text )
-);
-// Alias for alternate spelling.
-$lime: $mat-lime;
-
-$mat-yellow: (
-    50: $color-base-yellow-50,
-    100: $color-base-yellow-100,
-    200: $color-base-yellow-200,
-    300: $color-base-yellow-300,
-    400: $color-base-yellow-400,
-    500: $color-base-yellow-500,
-    600: $color-base-yellow-600,
-    700: $color-base-yellow-700,
-    800: $color-base-yellow-800,
-    900: $color-base-yellow-900,
-    A100: $color-base-yellow-a100,
-    A200: $color-base-yellow-a200,
-    A400: $color-base-yellow-a400,
-    A700: $color-base-yellow-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $dark-primary-text,
-        400: $dark-primary-text,
-        500: $dark-primary-text,
-        600: $dark-primary-text,
-        700: $dark-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $dark-primary-text,
-        A200: $dark-primary-text,
-        A400: $dark-primary-text,
-        A700: $dark-primary-text )
-);
-// Alias for alternate spelling.
-$yellow: $mat-yellow;
-
-$mat-amber: (
-    50: $color-base-amber-50,
-    100: $color-base-amber-100,
-    200: $color-base-amber-200,
-    300: $color-base-amber-300,
-    400: $color-base-amber-400,
-    500: $color-base-amber-500,
-    600: $color-base-amber-600,
-    700: $color-base-amber-700,
-    800: $color-base-amber-800,
-    900: $color-base-amber-900,
-    A100: $color-base-amber-a100,
-    A200: $color-base-amber-a200,
-    A400: $color-base-amber-a400,
-    A700: $color-base-amber-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $dark-primary-text,
-        400: $dark-primary-text,
-        500: $dark-primary-text,
-        600: $dark-primary-text,
-        700: $dark-primary-text,
-        800: $dark-primary-text,
-        900: $dark-primary-text,
-        A100: $dark-primary-text,
-        A200: $dark-primary-text,
-        A400: $dark-primary-text,
-        A700: $dark-primary-text )
-);
-// Alias for alternate spelling.
-$amber: $mat-amber;
-
-$mat-orange: (
-    50: $color-base-orange-50,
-    100: $color-base-orange-100,
-    200: $color-base-orange-200,
-    300: $color-base-orange-300,
-    400: $color-base-orange-400,
-    500: $color-base-orange-500,
-    600: $color-base-orange-600,
-    700: $color-base-orange-700,
-    800: $color-base-orange-800,
-    900: $color-base-orange-900,
-    A100: $color-base-orange-a100,
-    A200: $color-base-orange-a200,
-    A400: $color-base-orange-a400,
-    A700: $color-base-orange-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $dark-primary-text,
-        400: $dark-primary-text,
-        500: $dark-primary-text,
-        600: $dark-primary-text,
-        700: $dark-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $dark-primary-text,
-        A200: $dark-primary-text,
-        A400: $dark-primary-text,
-        A700: $dark-primary-text )
-);
-// Alias for alternate spelling.
-$orange: $mat-orange;
-
-$mat-deep-orange: (
-    50: $color-base-deep-orange-50,
-    100: $color-base-deep-orange-100,
-    200: $color-base-deep-orange-200,
-    300: $color-base-deep-orange-300,
-    400: $color-base-deep-orange-400,
-    500: $color-base-deep-orange-500,
-    600: $color-base-deep-orange-600,
-    700: $color-base-deep-orange-700,
-    800: $color-base-deep-orange-800,
-    900: $color-base-deep-orange-900,
-    A100: $color-base-deep-orange-a100,
-    A200: $color-base-deep-orange-a200,
-    A400: $color-base-deep-orange-a400,
-    A700: $color-base-deep-orange-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $dark-primary-text,
-        400: $dark-primary-text,
-        500: $light-primary-text,
-        600: $light-primary-text,
-        700: $light-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $dark-primary-text,
-        A200: $dark-primary-text,
-        A400: $light-primary-text,
-        A700: $light-primary-text )
-);
-// Alias for alternate spelling.
-$deep-orange: $mat-deep-orange;
-
-$mat-brown: (
-    50: $color-base-brown-50,
-    100: $color-base-brown-100,
-    200: $color-base-brown-200,
-    300: $color-base-brown-300,
-    400: $color-base-brown-400,
-    500: $color-base-brown-500,
-    600: $color-base-brown-600,
-    700: $color-base-brown-700,
-    800: $color-base-brown-800,
-    900: $color-base-brown-900,
-    A100: $color-base-brown-a100,
-    A200: $color-base-brown-a200,
-    A400: $color-base-brown-a400,
-    A700: $color-base-brown-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $light-primary-text,
-        400: $light-primary-text,
-        500: $light-primary-text,
-        600: $light-primary-text,
-        700: $light-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $dark-primary-text,
-        A200: $dark-primary-text,
-        A400: $light-primary-text,
-        A700: $light-primary-text )
-);
-// Alias for alternate spelling.
-$brown: $mat-brown;
-
-$mat-grey: (
-    50 : $color-base-grey-50,
-    100 : $color-base-grey-100,
-    200 : $color-base-grey-200,
-    300 : $color-base-grey-300,
-    400 : $color-base-grey-400,
-    500 : $color-base-grey-500,
-    600 : $color-base-grey-600,
-    700 : $color-base-grey-700,
-    800 : $color-base-grey-800,
-    900 : $color-base-grey-900,
-    A100 : $color-base-grey-a100,
-    A200 : $color-base-grey-a200,
-    A400 : $color-base-grey-a400,
-    A700 : $color-base-grey-a700,
-    contrast: (50 : $dark-primary-text,
-        100 : $dark-primary-text,
-        200 : $dark-primary-text,
-        300 : $dark-primary-text,
-        400 : $dark-primary-text,
-        500 : $light-primary-text,
-        600 : $light-primary-text,
-        700 : $light-primary-text,
-        800 : $light-primary-text,
-        900 : $light-primary-text,
-        A100 : $dark-primary-text,
-        A200 : $dark-primary-text,
-        A400 : $dark-primary-text,
-        A700 : $dark-primary-text,
-    )
-);
-// Alias for alternate spelling.
-$grey: $mat-grey;
-
-$mat-blue-grey: (
-    50: $color-base-blue-grey-50,
-    100: $color-base-blue-grey-100,
-    200: $color-base-blue-grey-200,
-    300: $color-base-blue-grey-300,
-    400: $color-base-blue-grey-400,
-    500: $color-base-blue-grey-500,
-    600: $color-base-blue-grey-600,
-    700: $color-base-blue-grey-700,
-    800: $color-base-blue-grey-800,
-    900: $color-base-blue-grey-900,
-    A100: $color-base-blue-grey-a100,
-    A200: $color-base-blue-grey-a200,
-    A400: $color-base-blue-grey-a400,
-    A700: $color-base-blue-grey-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $dark-primary-text,
-        400: $light-primary-text,
-        500: $light-primary-text,
-        600: $light-primary-text,
-        700: $light-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $dark-primary-text,
-        A200: $dark-primary-text,
-        A400: $light-primary-text,
-        A700: $light-primary-text )
-);
-// Alias for alternate spelling.
-$blue-grey: $mat-blue-grey;
-
-$mat-light-grey: (
-    50: $color-base-light-grey-50,
-    100: $color-base-light-grey-100,
-    200: $color-base-light-grey-200,
-    300: $color-base-light-grey-300,
-    400: $color-base-light-grey-400,
-    500: $color-base-light-grey-500,
-    600: $color-base-light-grey-600,
-    700: $color-base-light-grey-700,
-    800: $color-base-light-grey-800,
-    900: $color-base-light-grey-900,
-    A100: $color-base-light-grey-a100,
-    A200: $color-base-light-grey-a200,
-    A400: $color-base-light-grey-a400,
-    A700: $color-base-light-grey-a700,
-    contrast: (50: $dark-primary-text,
-        100: $dark-primary-text,
-        200: $dark-primary-text,
-        300: $dark-primary-text,
-        400: $dark-primary-text,
-        500: $dark-primary-text,
-        600: $dark-primary-text,
-        700: $dark-primary-text,
-        800: $dark-primary-text,
-        900: $dark-primary-text,
-        A100: $dark-primary-text,
-        A200: $dark-primary-text,
-        A400: $dark-primary-text,
-        A700: $dark-primary-text )
-);
-$light-grey: $mat-light-grey;
-
-$mat-dark-grey: (
-    50: $color-base-dark-grey-50,
-    100: $color-base-dark-grey-100,
-    200: $color-base-dark-grey-200,
-    300: $color-base-dark-grey-300,
-    400: $color-base-dark-grey-400,
-    500: $color-base-dark-grey-500,
-    600: $color-base-dark-grey-600,
-    700: $color-base-dark-grey-700,
-    800: $color-base-dark-grey-800,
-    900: $color-base-dark-grey-900,
-    A100: $color-base-dark-grey-a100,
-    A200: $color-base-dark-grey-a200,
-    A400: $color-base-dark-grey-a400,
-    A700: $color-base-dark-grey-a700,
-    contrast: (50: $light-primary-text,
-        100: $light-primary-text,
-        200: $light-primary-text,
-        300: $light-primary-text,
-        400: $light-primary-text,
-        500: $light-primary-text,
-        600: $light-primary-text,
-        700: $light-primary-text,
-        800: $light-primary-text,
-        900: $light-primary-text,
-        A100: $light-primary-text,
-        A200: $light-primary-text,
-        A400: $light-primary-text,
-        A700: $light-primary-text )
-);
-// Alias for alternate spelling.
-$dark-grey: $mat-dark-grey;
-
-// -------------------------------------------------------------------------------------------------------------------
-// @ Color palette for Surface & Base Colors.
-// --------------------------------------------------------------------------------------------------------------------
-
-$light-theme-background-palette: (
-    // Light mode com personalidade sage (2–4% green hue da marca):
-    // sidebar/header   → #E4EBE5 (sage-tinted gray)
-    // content bg       → #F1F4F1 (warm sage off-white)
-    // cards            → #FFFFFF (âncora máxima contraste)
-    // form header/ftr  → #F8FAF8 (near-white com sage subtle)
-    // dropdowns/modals → #FFFFFF + shadow (tint #1A2C1E)
-    background: #F1F4F1,
-    background-inverse: #111318,
-    background-alpha: rgba(#F1F4F1, 0.5),
-    background-alpha-inverse: rgba(#111318, 0.5),
-
-    card: #FFFFFF,
-    card-inverse: #1C1F26,
-    card-alpha: rgba(#FFFFFF, 0.85),
-    card-alpha-inverse: rgba(#1C1F26, 0.5),
-
-    disabled: #CFD6D1,
-    disabled-alpha: rgba(#CFD6D1, 0.5),
-    sidebar: #E4EBE5,
-    sidebar-hover: #D8E1DA,
-    table-row-hover: #EFF5F0,
-);
-
-// Background palette for dark themes.
-// M3-inspired 4-level surface hierarchy (mirrors light mode):
-// container-high (#0D0F14) → sidebar, header, footer
-// container-low  (#111318) → content background
-// container-lowest (#1C1F26) → cards, sections
-// floating (#262A32) → dropdowns, modals
-$dark-theme-background-palette: (
-    background: #111318,
-    background-inverse: #F0F2F5,
-    background-alpha: rgba(#111318, 0.5),
-    background-alpha-inverse: rgba(#F0F2F5, 0.5),
-
-    card: #1C1F26,
-    card-inverse: #FFFFFF,
-    card-alpha: rgba(#1C1F26, 0.5),
-    card-alpha-inverse: rgba(#FFFFFF, 0.5),
-
-    disabled: #282C34,
-    disabled-alpha: rgba(#282C34, 0.5),
-    sidebar: #0D0F14,
-    sidebar-hover: #161920,
-    table-row-hover: #1A1E25,
-);
-
-// Foreground palette for light themes.
-$light-theme-foreground-palette: (
-    base: #1A1D21,
-    base-inverse: #E8EAED,
-
-    foreground: #1A1D21,
-    foreground-inverse: #E8EAED,
-    foreground-alpha: rgba(#1A1D21, 0.5),
-    foreground-alpha-inverse: rgba(#E8EAED, 0.5),
-
-    label: #6B7177,
-    placeholder: #9AA0A6,
-
-    disabled: #CFD6D1,
-    disabled-contrast: #8A9090,
-
-    // Precisa Remover
-    divider: #E1E7E2,
-    dividers: #E1E7E2,
-    // disabled-button: rgba(0, 0, 0, 0.26),
-    disabled-text: #8A9090,
-    elevation: #1A2C1E,
-    hint-text: #6B7177,
-    secondary-text: #4A5056,
-    icon: #5F656B,
-    icon-active: #1A1D21,
-    icons: #4A5056,
-    slider-min: rgba(0, 0, 0, 0.87),
-    slider-off: rgba(0, 0, 0, 0.26),
-    slider-off-active: rgba(0, 0, 0, 0.38),
-    // helper classes
-    text: #1A1D21,
-    text-inverse: #FFFFFF,
-    static-light-text: #FFFFFF,
-    static-dark-text: #1A1D21,
-
-);
-
-// Foreground palette for dark themes.
-$dark-theme-foreground-palette: (
-    base: #E8EAED,
-    base-inverse: #1A1D21,
-
-    foreground: #E8EAED,
-    foreground-inverse: #1A1D21,
-    foreground-alpha: rgba(#E8EAED, 0.5),
-    foreground-alpha-inverse: rgba(#1A1D21, 0.5),
-
-    placeholder: #6E747A,
-    label: #BDC1C6,
-
-    disabled: #282C34,
-    disabled-contrast: rgba(#E8EAED, 0.38),
 
-    // Precisa Remover
-    divider: rgba(255, 255, 255, 0.12),
-    dividers: rgba(255, 255, 255, 0.12),
-    // disabled-button: rgba(white, 0.3),
-    disabled-text: rgba(255, 255, 255, 0.38),
-    elevation: black,
-    hint-text: #9AA0A6,
-    secondary-text: rgba(255, 255, 255, 0.7),
-    icon: #9AA0A6,
-    icon-active: #E8EAED,
-    icons: white,
-    slider-min: white,
-    slider-off: rgba(255, 255, 255, 0.3),
-    slider-off-active: rgba(255, 255, 255, 0.3),
-    // helper classes
-    text: #E8EAED,
-    text-inverse: #1A1D21,
-    static-light-text: #FFFFFF,
-    static-dark-text: #1A1D21,
-    disabled-icon: #6E747A,
+// ═══════════════════════════════════════════════════════════════════════════
+// 2. MAPAS FLAT POR MODO — token → valor (derivados de $matcha-color-tokens).
+//    Consumidos pelo emissor abaixo e pela theme API
+//    (matcha-build-color-map() em abstracts/_theme-api.scss).
+// ═══════════════════════════════════════════════════════════════════════════
+@function matcha-default-colors($mode) {
+  $out: ();
+  @each $token, $modes in $matcha-color-tokens {
+    $out: map.set($out, $token, map.get($modes, $mode));
+  }
+  @return $out;
+}
+
+$matcha-colors-light: matcha-default-colors(light);
+$matcha-colors-dark: matcha-default-colors(dark);
 
-);