/* ==================================================================
   DYNAMIC COLOR — Material You accent schemes (seed tonal palettes)
   Di-generate dari seed hue via OKLab, mengikuti struktur token M3.
   Aktifkan dengan data-accent="<nama>" pada <html>.
   ================================================================== */
/* Aksen: Amber — seed hue 75° */
[data-accent="amber"], [data-accent="amber"][data-theme="light"] {
    --md-sys-color-primary: #624000;
    --md-sys-color-on-primary: #FFFFFF;
    --md-sys-color-primary-container: #FED7A3;
    --md-sys-color-on-primary-container: #130000;
    --md-sys-color-secondary: #574429;
    --md-sys-color-on-secondary: #FFFFFF;
    --md-sys-color-secondary-container: #F1DABB;
    --md-sys-color-on-secondary-container: #0B0100;
    --md-sys-color-tertiary: #305218;
    --md-sys-color-on-tertiary: #FFFFFF;
    --md-sys-color-tertiary-container: #C3EDAD;
    --md-sys-color-on-tertiary-container: #000600;
    --md-sys-color-surface: #FDF7F0;
    --md-sys-color-on-surface: #050301;
    --md-sys-color-surface-container-lowest: #FFFFFF;
    --md-sys-color-surface-container-low: #F7F1E9;
    --md-sys-color-surface-container: #F0EAE3;
    --md-sys-color-surface-container-high: #E9E4DC;
    --md-sys-color-surface-container-highest: #E3DDD5;
    --md-sys-color-surface-dim: #D9D3CC;
    --md-sys-color-surface-bright: #FDF7F0;
    --md-sys-color-on-surface-variant: #312D27;
    --md-sys-color-outline: #67625C;
    --md-sys-color-outline-variant: #C2BDB5;
    --md-sys-color-inverse-surface: #191510;
    --md-sys-color-inverse-on-surface: #F3EDE6;
    --md-sys-color-inverse-primary: #F0B04F;
    --md-sys-color-surface-tint: #624000;
}
[data-accent="amber"][data-theme="dark"] {
    --md-sys-color-primary: #F0B04F;
    --md-sys-color-on-primary: #231200;
    --md-sys-color-primary-container: #402800;
    --md-sys-color-on-primary-container: #FED7A3;
    --md-sys-color-secondary: #D0BA9C;
    --md-sys-color-on-secondary: #221200;
    --md-sys-color-secondary-container: #3C2A10;
    --md-sys-color-on-secondary-container: #F1DABB;
    --md-sys-color-tertiary: #A3CC8E;
    --md-sys-color-on-tertiary: #071C00;
    --md-sys-color-tertiary-container: #173700;
    --md-sys-color-on-tertiary-container: #C3EDAD;
    --md-sys-color-surface: #010100;
    --md-sys-color-on-surface: #E3DDD5;
    --md-sys-color-surface-container-lowest: #000000;
    --md-sys-color-surface-container-low: #050301;
    --md-sys-color-surface-container: #080503;
    --md-sys-color-surface-container-high: #130F0A;
    --md-sys-color-surface-container-highest: #1E1A14;
    --md-sys-color-surface-dim: #010100;
    --md-sys-color-surface-bright: #231F19;
    --md-sys-color-on-surface-variant: #C2BDB5;
    --md-sys-color-outline: #847F78;
    --md-sys-color-outline-variant: #312D27;
    --md-sys-color-inverse-surface: #E3DDD5;
    --md-sys-color-inverse-on-surface: #191510;
    --md-sys-color-inverse-primary: #624000;
    --md-sys-color-surface-tint: #F0B04F;
}

/* Aksen: Hijau — seed hue 145° */
[data-accent="green"], [data-accent="green"][data-theme="light"] {
    --md-sys-color-primary: #015814;
    --md-sys-color-on-primary: #FFFFFF;
    --md-sys-color-primary-container: #A3F6A6;
    --md-sys-color-on-primary-container: #000700;
    --md-sys-color-secondary: #374F38;
    --md-sys-color-on-secondary: #FFFFFF;
    --md-sys-color-secondary-container: #CBE7CB;
    --md-sys-color-on-secondary-container: #000600;
    --md-sys-color-tertiary: #095258;
    --md-sys-color-on-tertiary: #FFFFFF;
    --md-sys-color-tertiary-container: #8DF1FC;
    --md-sys-color-on-tertiary-container: #000508;
    --md-sys-color-surface: #F4FBF4;
    --md-sys-color-on-surface: #020402;
    --md-sys-color-surface-container-lowest: #FFFFFF;
    --md-sys-color-surface-container-low: #EDF4ED;
    --md-sys-color-surface-container: #E6EDE6;
    --md-sys-color-surface-container-high: #E0E7E0;
    --md-sys-color-surface-container-highest: #D9E0D9;
    --md-sys-color-surface-dim: #D0D6CF;
    --md-sys-color-surface-bright: #F4FBF4;
    --md-sys-color-on-surface-variant: #2A2F2A;
    --md-sys-color-outline: #5F655F;
    --md-sys-color-outline-variant: #B9C0B9;
    --md-sys-color-inverse-surface: #131813;
    --md-sys-color-inverse-on-surface: #EAF1EA;
    --md-sys-color-inverse-primary: #83D586;
    --md-sys-color-surface-tint: #015814;
}
[data-accent="green"][data-theme="dark"] {
    --md-sys-color-primary: #83D586;
    --md-sys-color-on-primary: #001D01;
    --md-sys-color-primary-container: #003909;
    --md-sys-color-on-primary-container: #A3F6A6;
    --md-sys-color-secondary: #ABC6AB;
    --md-sys-color-on-secondary: #061B07;
    --md-sys-color-secondary-container: #1E341E;
    --md-sys-color-on-secondary-container: #CBE7CB;
    --md-sys-color-tertiary: #6BD0DB;
    --md-sys-color-on-tertiary: #001A1E;
    --md-sys-color-tertiary-container: #02353A;
    --md-sys-color-on-tertiary-container: #8DF1FC;
    --md-sys-color-surface: #000100;
    --md-sys-color-on-surface: #D9E0D9;
    --md-sys-color-surface-container-lowest: #000000;
    --md-sys-color-surface-container-low: #020402;
    --md-sys-color-surface-container: #040704;
    --md-sys-color-surface-container-high: #0C110C;
    --md-sys-color-surface-container-highest: #171C17;
    --md-sys-color-surface-dim: #000100;
    --md-sys-color-surface-bright: #1C211C;
    --md-sys-color-on-surface-variant: #B9C0B9;
    --md-sys-color-outline: #7C827C;
    --md-sys-color-outline-variant: #2A2F2A;
    --md-sys-color-inverse-surface: #D9E0D9;
    --md-sys-color-inverse-on-surface: #131813;
    --md-sys-color-inverse-primary: #015814;
    --md-sys-color-surface-tint: #83D586;
}

/* Aksen: Teal — seed hue 195° */
[data-accent="teal"], [data-accent="teal"][data-theme="light"] {
    --md-sys-color-primary: #095252;
    --md-sys-color-on-primary: #FFFFFF;
    --md-sys-color-primary-container: #51FAFA;
    --md-sys-color-on-primary-container: #000506;
    --md-sys-color-secondary: #255050;
    --md-sys-color-on-secondary: #FFFFFF;
    --md-sys-color-secondary-container: #BAE9E8;
    --md-sys-color-on-secondary-container: #000506;
    --md-sys-color-tertiary: #20487A;
    --md-sys-color-on-tertiary: #FFFFFF;
    --md-sys-color-tertiary-container: #CBE0FC;
    --md-sys-color-on-tertiary-container: #000024;
    --md-sys-color-surface: #F0FBFB;
    --md-sys-color-on-surface: #010404;
    --md-sys-color-surface-container-lowest: #FFFFFF;
    --md-sys-color-surface-container-low: #E9F4F4;
    --md-sys-color-surface-container: #E3EEEE;
    --md-sys-color-surface-container-high: #DCE7E7;
    --md-sys-color-surface-container-highest: #D5E1E0;
    --md-sys-color-surface-dim: #CCD7D6;
    --md-sys-color-surface-bright: #F0FBFB;
    --md-sys-color-on-surface-variant: #273030;
    --md-sys-color-outline: #5C6565;
    --md-sys-color-outline-variant: #B5C0C0;
    --md-sys-color-inverse-surface: #101818;
    --md-sys-color-inverse-on-surface: #E6F1F1;
    --md-sys-color-inverse-primary: #10D8D8;
    --md-sys-color-surface-tint: #095252;
}
[data-accent="teal"][data-theme="dark"] {
    --md-sys-color-primary: #10D8D8;
    --md-sys-color-on-primary: #001B1B;
    --md-sys-color-primary-container: #023536;
    --md-sys-color-on-primary-container: #51FAFA;
    --md-sys-color-secondary: #9AC8C7;
    --md-sys-color-on-secondary: #001B1B;
    --md-sys-color-secondary-container: #053535;
    --md-sys-color-on-secondary-container: #BAE9E8;
    --md-sys-color-tertiary: #94C1FA;
    --md-sys-color-on-tertiary: #001537;
    --md-sys-color-tertiary-container: #032D5C;
    --md-sys-color-on-tertiary-container: #CBE0FC;
    --md-sys-color-surface: #000101;
    --md-sys-color-on-surface: #D5E1E0;
    --md-sys-color-surface-container-lowest: #000000;
    --md-sys-color-surface-container-low: #010404;
    --md-sys-color-surface-container: #020707;
    --md-sys-color-surface-container-high: #091111;
    --md-sys-color-surface-container-highest: #141C1C;
    --md-sys-color-surface-dim: #000101;
    --md-sys-color-surface-bright: #192121;
    --md-sys-color-on-surface-variant: #B5C0C0;
    --md-sys-color-outline: #788382;
    --md-sys-color-outline-variant: #273030;
    --md-sys-color-inverse-surface: #D5E1E0;
    --md-sys-color-inverse-on-surface: #101818;
    --md-sys-color-inverse-primary: #095252;
    --md-sys-color-surface-tint: #10D8D8;
}

/* Aksen: Biru — seed hue 255° */
[data-accent="blue"], [data-accent="blue"][data-theme="light"] {
    --md-sys-color-primary: #02468B;
    --md-sys-color-on-primary: #FFFFFF;
    --md-sys-color-primary-container: #CBE0FC;
    --md-sys-color-on-primary-container: #000024;
    --md-sys-color-secondary: #364961;
    --md-sys-color-on-secondary: #FFFFFF;
    --md-sys-color-secondary-container: #C9E0FE;
    --md-sys-color-on-secondary-container: #000213;
    --md-sys-color-tertiary: #5B366A;
    --md-sys-color-on-tertiary: #FFFFFF;
    --md-sys-color-tertiary-container: #F0D1FF;
    --md-sys-color-on-tertiary-container: #0B0015;
    --md-sys-color-surface: #F5F9FD;
    --md-sys-color-on-surface: #020306;
    --md-sys-color-surface-container-lowest: #FFFFFF;
    --md-sys-color-surface-container-low: #EDF2FA;
    --md-sys-color-surface-container: #E6ECF3;
    --md-sys-color-surface-container-high: #DFE5ED;
    --md-sys-color-surface-container-highest: #D9DFE6;
    --md-sys-color-surface-dim: #CFD5DC;
    --md-sys-color-surface-bright: #F5F9FD;
    --md-sys-color-on-surface-variant: #2A2E34;
    --md-sys-color-outline: #5F646A;
    --md-sys-color-outline-variant: #B9BEC6;
    --md-sys-color-inverse-surface: #12161B;
    --md-sys-color-inverse-on-surface: #E9EFF7;
    --md-sys-color-inverse-primary: #92C1FD;
    --md-sys-color-surface-tint: #02468B;
}
[data-accent="blue"][data-theme="dark"] {
    --md-sys-color-primary: #92C1FD;
    --md-sys-color-on-primary: #001537;
    --md-sys-color-primary-container: #002C5E;
    --md-sys-color-on-primary-container: #CBE0FC;
    --md-sys-color-secondary: #A9C0DD;
    --md-sys-color-on-secondary: #06162B;
    --md-sys-color-secondary-container: #1D2F46;
    --md-sys-color-on-secondary-container: #C9E0FE;
    --md-sys-color-tertiary: #D5ABE8;
    --md-sys-color-on-tertiary: #250132;
    --md-sys-color-tertiary-container: #3F1B4E;
    --md-sys-color-on-tertiary-container: #F0D1FF;
    --md-sys-color-surface: #000102;
    --md-sys-color-on-surface: #D9DFE6;
    --md-sys-color-surface-container-lowest: #000001;
    --md-sys-color-surface-container-low: #020306;
    --md-sys-color-surface-container: #04060A;
    --md-sys-color-surface-container-high: #0C1015;
    --md-sys-color-surface-container-highest: #171B20;
    --md-sys-color-surface-dim: #000102;
    --md-sys-color-surface-bright: #1B2025;
    --md-sys-color-on-surface-variant: #B9BEC6;
    --md-sys-color-outline: #7B8187;
    --md-sys-color-outline-variant: #2A2E34;
    --md-sys-color-inverse-surface: #D9DFE6;
    --md-sys-color-inverse-on-surface: #12161B;
    --md-sys-color-inverse-primary: #02468B;
    --md-sys-color-surface-tint: #92C1FD;
}

/* Aksen: Ungu — seed hue 310° */
[data-accent="purple"], [data-accent="purple"][data-theme="light"] {
    --md-sys-color-primary: #5E2C7D;
    --md-sys-color-on-primary: #FFFFFF;
    --md-sys-color-primary-container: #EBD3FF;
    --md-sys-color-on-primary-container: #0A0017;
    --md-sys-color-secondary: #50405B;
    --md-sys-color-on-secondary: #FFFFFF;
    --md-sys-color-secondary-container: #E8D6F6;
    --md-sys-color-on-secondary-container: #07000E;
    --md-sys-color-tertiary: #712E3C;
    --md-sys-color-on-tertiary: #FFFFFF;
    --md-sys-color-tertiary-container: #FDD1D6;
    --md-sys-color-on-tertiary-container: #130001;
    --md-sys-color-surface: #FBF6FF;
    --md-sys-color-on-surface: #040305;
    --md-sys-color-surface-container-lowest: #FFFFFF;
    --md-sys-color-surface-container-low: #F4F0F8;
    --md-sys-color-surface-container: #EEE9F1;
    --md-sys-color-surface-container-high: #E7E2EB;
    --md-sys-color-surface-container-highest: #E0DCE4;
    --md-sys-color-surface-dim: #D7D2DA;
    --md-sys-color-surface-bright: #FBF6FF;
    --md-sys-color-on-surface-variant: #302C32;
    --md-sys-color-outline: #656168;
    --md-sys-color-outline-variant: #C0BCC4;
    --md-sys-color-inverse-surface: #18151A;
    --md-sys-color-inverse-on-surface: #F1ECF5;
    --md-sys-color-inverse-primary: #D8A4FF;
    --md-sys-color-surface-tint: #5E2C7D;
}
[data-accent="purple"][data-theme="dark"] {
    --md-sys-color-primary: #D8A4FF;
    --md-sys-color-on-primary: #25003A;
    --md-sys-color-primary-container: #420C5F;
    --md-sys-color-on-primary-container: #EBD3FF;
    --md-sys-color-secondary: #C7B6D5;
    --md-sys-color-on-secondary: #1D0F26;
    --md-sys-color-secondary-container: #352740;
    --md-sys-color-on-secondary-container: #E8D6F6;
    --md-sys-color-tertiary: #F4A4B0;
    --md-sys-color-on-tertiary: #32000D;
    --md-sys-color-tertiary-container: #531223;
    --md-sys-color-on-tertiary-container: #FDD1D6;
    --md-sys-color-surface: #010002;
    --md-sys-color-on-surface: #E0DCE4;
    --md-sys-color-surface-container-lowest: #000001;
    --md-sys-color-surface-container-low: #040305;
    --md-sys-color-surface-container: #070509;
    --md-sys-color-surface-container-high: #110E13;
    --md-sys-color-surface-container-highest: #1C191F;
    --md-sys-color-surface-dim: #010002;
    --md-sys-color-surface-bright: #211E24;
    --md-sys-color-on-surface-variant: #C0BCC4;
    --md-sys-color-outline: #827E86;
    --md-sys-color-outline-variant: #302C32;
    --md-sys-color-inverse-surface: #E0DCE4;
    --md-sys-color-inverse-on-surface: #18151A;
    --md-sys-color-inverse-primary: #5E2C7D;
    --md-sys-color-surface-tint: #D8A4FF;
}