/* ============================================================================
   m3-tokens.css — Material Design 3 system tokens · MasterOlimp Panel Siswa

   BERKAS INI DIGENERATE. Jangan disunting tangan.
   Sumber: tools/m3-theme.mjs · jalankan ulang: node tools/m3-theme.mjs

   Warna diturunkan dari seed logo dengan @material/material-color-utilities
   (ruang warna HCT, algoritma yang sama dengan Material Theme Builder):

       primary   #1C54AE   biru logo
       secondary #0B2243   navy brand
       tertiary  #A87A12   gold brand (terang: #EBBD50)
       error     #DC2626
       neutral   hue biru logo, chroma 20 / 24

   Token non-warna (shape, typescale, state, elevation, motion) disalin dari
   implementasi web resmi Google: material-components/material-web,
   tokens/versions/v0_192/*.

   Skema gelap dipasang lewat [data-theme="dark"] — selektor yang sudah dipakai
   layout/master.blade.php sejak sebelum M3, sehingga skrip tema, localStorage,
   dan tema-mengikuti-jam yang ada tetap bekerja tanpa diubah.
   ============================================================================ */

/* ============================================================
   COLOR · SKEMA TERANG
   ============================================================ */
:root {
    /* ── Primary — biru logo · aksi, pilihan, fokus ── */
    --md-sys-color-primary                   : #265BB5;
    --md-sys-color-on-primary                : #FFFFFF;
    --md-sys-color-primary-container         : #D9E2FF;
    --md-sys-color-on-primary-container      : #004398;
    --md-sys-color-inverse-primary           : #AFC6FF;
    --md-sys-color-primary-fixed             : #D9E2FF;
    --md-sys-color-primary-fixed-dim         : #AFC6FF;
    --md-sys-color-on-primary-fixed          : #001A43;
    --md-sys-color-on-primary-fixed-variant  : #004398;

    /* ── Secondary — navy logo · penopang & bidang tenang ── */
    --md-sys-color-secondary                 : #4B5F83;
    --md-sys-color-on-secondary              : #FFFFFF;
    --md-sys-color-secondary-container       : #D7E3FF;
    --md-sys-color-on-secondary-container    : #33476A;
    --md-sys-color-secondary-fixed           : #D7E3FF;
    --md-sys-color-secondary-fixed-dim       : #B3C7F1;
    --md-sys-color-on-secondary-fixed        : #031B3C;
    --md-sys-color-on-secondary-fixed-variant: #33476A;

    /* ── Tertiary — gold signature · aksen eksklusif & tombol aksi utama ── */
    --md-sys-color-tertiary                  : #7C5800;
    --md-sys-color-on-tertiary               : #FFFFFF;
    --md-sys-color-tertiary-container        : #FFDEA7;
    --md-sys-color-on-tertiary-container     : #5E4200;
    --md-sys-color-tertiary-fixed            : #FFDEA7;
    --md-sys-color-tertiary-fixed-dim        : #F4BE55;
    --md-sys-color-on-tertiary-fixed         : #271900;
    --md-sys-color-on-tertiary-fixed-variant : #5E4200;

    /* ── Error ── */
    --md-sys-color-error                     : #BF0715;
    --md-sys-color-on-error                  : #FFFFFF;
    --md-sys-color-error-container           : #FFDAD6;
    --md-sys-color-on-error-container        : #93000B;

    /* ── Netral — kanvas, permukaan bertingkat, garis ── */
    --md-sys-color-background                : #FAF9FF;
    --md-sys-color-on-background             : #111B31;
    --md-sys-color-surface                   : #FAF9FF;
    --md-sys-color-on-surface                : #111B31;
    --md-sys-color-surface-variant           : #D9E2FF;
    --md-sys-color-on-surface-variant        : #394664;
    --md-sys-color-surface-dim               : #D0DAF7;
    --md-sys-color-surface-bright            : #FAF9FF;
    --md-sys-color-surface-container-lowest  : #FFFFFF;
    --md-sys-color-surface-container-low     : #F1F3FF;
    --md-sys-color-surface-container         : #E9EDFF;
    --md-sys-color-surface-container-high    : #E1E8FF;
    --md-sys-color-surface-container-highest : #D9E2FF;
    --md-sys-color-inverse-surface           : #263047;
    --md-sys-color-inverse-on-surface        : #EDF0FF;
    --md-sys-color-surface-tint              : #265BB5;

    /* ── Garis & bayang ── */
    --md-sys-color-outline                   : #6A7797;
    --md-sys-color-outline-variant           : #B9C6EA;
    --md-sys-color-shadow                    : #000000;
    --md-sys-color-scrim                     : #000000;
}

/* ============================================================
   COLOR · SKEMA GELAP
   ============================================================ */
[data-theme="dark"] {
    /* ── Primary — biru logo · aksi, pilihan, fokus ── */
    --md-sys-color-primary                   : #AFC6FF;
    --md-sys-color-on-primary                : #002D6C;
    --md-sys-color-primary-container         : #004398;
    --md-sys-color-on-primary-container      : #D9E2FF;
    --md-sys-color-inverse-primary           : #265BB5;
    --md-sys-color-primary-fixed             : #D9E2FF;
    --md-sys-color-primary-fixed-dim         : #AFC6FF;
    --md-sys-color-on-primary-fixed          : #001A43;
    --md-sys-color-on-primary-fixed-variant  : #004398;

    /* ── Secondary — navy logo · penopang & bidang tenang ── */
    --md-sys-color-secondary                 : #B3C7F1;
    --md-sys-color-on-secondary              : #1C3052;
    --md-sys-color-secondary-container       : #33476A;
    --md-sys-color-on-secondary-container    : #D7E3FF;
    --md-sys-color-secondary-fixed           : #D7E3FF;
    --md-sys-color-secondary-fixed-dim       : #B3C7F1;
    --md-sys-color-on-secondary-fixed        : #031B3C;
    --md-sys-color-on-secondary-fixed-variant: #33476A;

    /* ── Tertiary — gold signature · aksen eksklusif & tombol aksi utama ── */
    --md-sys-color-tertiary                  : #F4BE55;
    --md-sys-color-on-tertiary               : #412D00;
    --md-sys-color-tertiary-container        : #5E4200;
    --md-sys-color-on-tertiary-container     : #FFDEA7;
    --md-sys-color-tertiary-fixed            : #FFDEA7;
    --md-sys-color-tertiary-fixed-dim        : #F4BE55;
    --md-sys-color-on-tertiary-fixed         : #271900;
    --md-sys-color-on-tertiary-fixed-variant : #5E4200;

    /* ── Error ── */
    --md-sys-color-error                     : #FFB4AB;
    --md-sys-color-on-error                  : #690005;
    --md-sys-color-error-container           : #93000B;
    --md-sys-color-on-error-container        : #FFDAD6;

    /* ── Netral — kanvas, permukaan bertingkat, garis ── */
    --md-sys-color-background                : #081328;
    --md-sys-color-on-background             : #D9E2FF;
    --md-sys-color-surface                   : #081328;
    --md-sys-color-on-surface                : #D9E2FF;
    --md-sys-color-surface-variant           : #394664;
    --md-sys-color-on-surface-variant        : #B9C6EA;
    --md-sys-color-surface-dim               : #081328;
    --md-sys-color-surface-bright            : #2F3950;
    --md-sys-color-surface-container-lowest  : #040D23;
    --md-sys-color-surface-container-low     : #111B31;
    --md-sys-color-surface-container         : #151F35;
    --md-sys-color-surface-container-high    : #202A40;
    --md-sys-color-surface-container-highest : #2B344B;
    --md-sys-color-inverse-surface           : #D9E2FF;
    --md-sys-color-inverse-on-surface        : #263047;
    --md-sys-color-surface-tint              : #AFC6FF;

    /* ── Garis & bayang ── */
    --md-sys-color-outline                   : #8390B2;
    --md-sys-color-outline-variant           : #394664;
    --md-sys-color-shadow                    : #000000;
    --md-sys-color-scrim                     : #000000;
}

/* ============================================================
   REF PALETTE — palet tonal mentah, tidak ikut membalik tema.
   Dipakai bagian yang memang SELALU sama di kedua mode: drawer navigasi
   yang selalu navy, hero gold, watermark. Diambil dari palet yang sama
   dengan role di atas, jadi tetap satu keluarga warna.
   ============================================================ */
:root {
    /* primary */
    --md-ref-palette-primary-0: #000000;
    --md-ref-palette-primary-4: #000D29;
    --md-ref-palette-primary-6: #001233;
    --md-ref-palette-primary-10: #001A43;
    --md-ref-palette-primary-12: #001D4B;
    --md-ref-palette-primary-17: #00275F;
    --md-ref-palette-primary-20: #002D6C;
    --md-ref-palette-primary-22: #003274;
    --md-ref-palette-primary-24: #00367D;
    --md-ref-palette-primary-30: #004398;
    --md-ref-palette-primary-40: #265BB5;
    --md-ref-palette-primary-50: #4574D0;
    --md-ref-palette-primary-60: #618FEC;
    --md-ref-palette-primary-70: #83AAFF;
    --md-ref-palette-primary-80: #AFC6FF;
    --md-ref-palette-primary-87: #CCDAFF;
    --md-ref-palette-primary-90: #D9E2FF;
    --md-ref-palette-primary-92: #E1E8FF;
    --md-ref-palette-primary-94: #E9EDFF;
    --md-ref-palette-primary-95: #EDF0FF;
    --md-ref-palette-primary-96: #F1F3FF;
    --md-ref-palette-primary-98: #FAF9FF;
    --md-ref-palette-primary-99: #FEFBFF;
    --md-ref-palette-primary-100: #FFFFFF;

    /* secondary */
    --md-ref-palette-secondary-0: #000000;
    --md-ref-palette-secondary-4: #000E26;
    --md-ref-palette-secondary-6: #00132F;
    --md-ref-palette-secondary-10: #031B3C;
    --md-ref-palette-secondary-12: #071F40;
    --md-ref-palette-secondary-17: #142A4B;
    --md-ref-palette-secondary-20: #1C3052;
    --md-ref-palette-secondary-22: #203557;
    --md-ref-palette-secondary-24: #25395B;
    --md-ref-palette-secondary-30: #33476A;
    --md-ref-palette-secondary-40: #4B5F83;
    --md-ref-palette-secondary-50: #64779D;
    --md-ref-palette-secondary-60: #7D91B8;
    --md-ref-palette-secondary-70: #98ACD4;
    --md-ref-palette-secondary-80: #B3C7F1;
    --md-ref-palette-secondary-87: #C9DAFF;
    --md-ref-palette-secondary-90: #D7E3FF;
    --md-ref-palette-secondary-92: #DFE8FF;
    --md-ref-palette-secondary-94: #E8EEFF;
    --md-ref-palette-secondary-95: #ECF0FF;
    --md-ref-palette-secondary-96: #F1F3FF;
    --md-ref-palette-secondary-98: #F9F9FF;
    --md-ref-palette-secondary-99: #FDFBFF;
    --md-ref-palette-secondary-100: #FFFFFF;

    /* tertiary */
    --md-ref-palette-tertiary-0: #000000;
    --md-ref-palette-tertiary-4: #160C00;
    --md-ref-palette-tertiary-6: #1C1100;
    --md-ref-palette-tertiary-10: #271900;
    --md-ref-palette-tertiary-12: #2C1D00;
    --md-ref-palette-tertiary-17: #392700;
    --md-ref-palette-tertiary-20: #412D00;
    --md-ref-palette-tertiary-22: #473100;
    --md-ref-palette-tertiary-24: #4D3500;
    --md-ref-palette-tertiary-30: #5E4200;
    --md-ref-palette-tertiary-40: #7C5800;
    --md-ref-palette-tertiary-50: #9C6F01;
    --md-ref-palette-tertiary-60: #B98823;
    --md-ref-palette-tertiary-70: #D6A33C;
    --md-ref-palette-tertiary-80: #F4BE55;
    --md-ref-palette-tertiary-87: #FFD488;
    --md-ref-palette-tertiary-90: #FFDEA7;
    --md-ref-palette-tertiary-92: #FFE5BB;
    --md-ref-palette-tertiary-94: #FFEBCE;
    --md-ref-palette-tertiary-95: #FFEED8;
    --md-ref-palette-tertiary-96: #FFF2E1;
    --md-ref-palette-tertiary-98: #FFF8F3;
    --md-ref-palette-tertiary-99: #FFFBFF;
    --md-ref-palette-tertiary-100: #FFFFFF;

    /* neutral */
    --md-ref-palette-neutral-0: #000000;
    --md-ref-palette-neutral-4: #040D23;
    --md-ref-palette-neutral-6: #081328;
    --md-ref-palette-neutral-10: #111B31;
    --md-ref-palette-neutral-12: #151F35;
    --md-ref-palette-neutral-17: #202A40;
    --md-ref-palette-neutral-20: #263047;
    --md-ref-palette-neutral-22: #2B344B;
    --md-ref-palette-neutral-24: #2F3950;
    --md-ref-palette-neutral-30: #3D465E;
    --md-ref-palette-neutral-40: #545E77;
    --md-ref-palette-neutral-50: #6D7791;
    --md-ref-palette-neutral-60: #8690AC;
    --md-ref-palette-neutral-70: #A1ABC7;
    --md-ref-palette-neutral-80: #BCC6E3;
    --md-ref-palette-neutral-87: #D0DAF7;
    --md-ref-palette-neutral-90: #D9E2FF;
    --md-ref-palette-neutral-92: #E1E8FF;
    --md-ref-palette-neutral-94: #E9EDFF;
    --md-ref-palette-neutral-95: #EDF0FF;
    --md-ref-palette-neutral-96: #F1F3FF;
    --md-ref-palette-neutral-98: #FAF9FF;
    --md-ref-palette-neutral-99: #FEFBFF;
    --md-ref-palette-neutral-100: #FFFFFF;

    /* neutral-variant */
    --md-ref-palette-neutral-variant-0: #000000;
    --md-ref-palette-neutral-variant-4: #000D29;
    --md-ref-palette-neutral-variant-6: #04122E;
    --md-ref-palette-neutral-variant-10: #0C1B36;
    --md-ref-palette-neutral-variant-12: #111F3B;
    --md-ref-palette-neutral-variant-17: #1C2946;
    --md-ref-palette-neutral-variant-20: #23304D;
    --md-ref-palette-neutral-variant-22: #273451;
    --md-ref-palette-neutral-variant-24: #2C3956;
    --md-ref-palette-neutral-variant-30: #394664;
    --md-ref-palette-neutral-variant-40: #515E7D;
    --md-ref-palette-neutral-variant-50: #6A7797;
    --md-ref-palette-neutral-variant-60: #8390B2;
    --md-ref-palette-neutral-variant-70: #9EABCE;
    --md-ref-palette-neutral-variant-80: #B9C6EA;
    --md-ref-palette-neutral-variant-87: #CCDAFE;
    --md-ref-palette-neutral-variant-90: #D9E2FF;
    --md-ref-palette-neutral-variant-92: #E1E8FF;
    --md-ref-palette-neutral-variant-94: #E9EDFF;
    --md-ref-palette-neutral-variant-95: #EDF0FF;
    --md-ref-palette-neutral-variant-96: #F1F3FF;
    --md-ref-palette-neutral-variant-98: #FAF9FF;
    --md-ref-palette-neutral-variant-99: #FEFBFF;
    --md-ref-palette-neutral-variant-100: #FFFFFF;

    /* error */
    --md-ref-palette-error-0: #000000;
    --md-ref-palette-error-4: #270001;
    --md-ref-palette-error-6: #310001;
    --md-ref-palette-error-10: #410002;
    --md-ref-palette-error-12: #490003;
    --md-ref-palette-error-17: #5C0004;
    --md-ref-palette-error-20: #690005;
    --md-ref-palette-error-22: #710006;
    --md-ref-palette-error-24: #790008;
    --md-ref-palette-error-30: #93000B;
    --md-ref-palette-error-40: #BF0715;
    --md-ref-palette-error-50: #E42C2A;
    --md-ref-palette-error-60: #FF544A;
    --md-ref-palette-error-70: #FF897E;
    --md-ref-palette-error-80: #FFB4AB;
    --md-ref-palette-error-87: #FFCFC9;
    --md-ref-palette-error-90: #FFDAD6;
    --md-ref-palette-error-92: #FFE2DE;
    --md-ref-palette-error-94: #FFE9E6;
    --md-ref-palette-error-95: #FFEDEA;
    --md-ref-palette-error-96: #FFF0EE;
    --md-ref-palette-error-98: #FFF8F7;
    --md-ref-palette-error-99: #FFFBFF;
    --md-ref-palette-error-100: #FFFFFF;
}

/* ============================================================
   BRAND — pasangan warna yang sengaja dipatok di kedua skema.
   Alasannya lengkap di tools/m3-theme.mjs (fungsi brandBlock).
   ============================================================ */
:root {
    --md-brand-gold             : #D6A33C;   /* gold terang — hero, aksen, sidebar aktif, badge */
    --md-brand-gold-strong      : #523900;   /* isian tombol aksi — gold gelap */
    --md-brand-on-gold-strong   : #EBBD50;   /* teks di atas gold-strong — #EBBD50, 6,1:1 */
    --md-brand-gold-deep        : #A87A12;   /* gold utama — teks & ikon di atas permukaan terang */
    --md-brand-gold-bright      : #EBBD50;   /* gold terang — sisi terang gradien, aksen di atas navy */
    --md-brand-gold-dim         : #B98823;   /* sisi gelap gradien & pressed */
    --md-brand-on-gold          : #412D00;   /* teks/ikon di atas gold — 5,7:1 */
    --md-brand-gold-container   : #FFDEA7;   /* badge & bidang gold lembut */
    --md-brand-on-gold-container: #5E4200;
    --md-brand-navy             : #0B2243;   /* navy brand — bidang drawer */
    --md-brand-navy-dim         : #00132F;   /* dasar gradien drawer */
    --md-brand-navy-high        : #1C3052;   /* bidang naik di dalam drawer */
    --md-brand-on-navy          : #ECF0FF;   /* teks utama di atas navy */
    --md-brand-on-navy-variant  : #B3C7F1;   /* teks tenang di atas navy */

    /* Gradien — satu-satunya sisa "Premium Aurora" yang dipertahankan penuh:
       hero dan drawer memang dikenali lewat sapuan warnanya. Titik hentinya
       kini nilai palet, bukan hex tempelan. */
    --md-brand-grad-gold: linear-gradient(135deg, #FFD488 0%, #EBBD50 45%, #B98823 100%);
    --md-brand-grad-navy: linear-gradient(160deg, #0B2243 0%, #031B3C 58%, #000E26 100%);
    --md-brand-grad-primary: linear-gradient(135deg, #004398 0%, #265BB5 55%, #4574D0 100%);
}

/* ============================================================
   GREEN — custom color (sukses · dimiliki · selesai)
   Alasannya lengkap di tools/m3-theme.mjs (fungsi greenBlock).
   ============================================================ */
:root {
    --md-green:               #096D29;   /* isian tombol — hijau pekat, teks putih (6,5:1) */
    --md-on-green:            #FFFFFF;
    --md-green-container:     #9CF7A2;   /* badge & bidang hijau lembut */
    --md-on-green-container:  #002107;
}
[data-theme="dark"] {
    --md-green:               #81DA88;
    --md-on-green:            #003911;
    --md-green-container:     #00531C;
    --md-on-green-container:  #9CF7A2;
}

/* ============================================================
   SHAPE — tokens/versions/v0_192/_md-sys-shape.scss
   ============================================================ */
:root {
    --md-sys-shape-corner-none:        0px;
    --md-sys-shape-corner-extra-small: 4px;
    --md-sys-shape-corner-small:       8px;
    --md-sys-shape-corner-medium:      12px;
    --md-sys-shape-corner-large:       16px;
    --md-sys-shape-corner-extra-large: 28px;
    --md-sys-shape-corner-full:        9999px;
}

/* ============================================================
   TYPESCALE — tokens/versions/v0_192/_md-sys-typescale.scss

   Typeface bawaan M3 adalah Roboto; M3 mengizinkan penggantian per brand.
   Di sini brand DAN plain sama-sama Inter — font yang sudah dimuat lokal
   oleh student.css, sesuai aturan proyek "tanpa aset/font eksternal baru".
   ============================================================ */
:root {
    --md-sys-typescale-brand: 'Inter', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --md-sys-typescale-plain: 'Inter', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

    --md-sys-typescale-display-large-size:         3.5625rem;  /* 57 */
    --md-sys-typescale-display-large-line-height:  4rem;       /* 64 */
    --md-sys-typescale-display-large-tracking:     -0.015625rem;
    --md-sys-typescale-display-medium-size:        2.8125rem;  /* 45 */
    --md-sys-typescale-display-medium-line-height: 3.25rem;    /* 52 */
    --md-sys-typescale-display-medium-tracking:    0rem;
    --md-sys-typescale-display-small-size:         2.25rem;    /* 36 */
    --md-sys-typescale-display-small-line-height:  2.75rem;    /* 44 */
    --md-sys-typescale-display-small-tracking:     0rem;

    --md-sys-typescale-headline-large-size:         2rem;      /* 32 */
    --md-sys-typescale-headline-large-line-height:  2.5rem;    /* 40 */
    --md-sys-typescale-headline-medium-size:        1.75rem;   /* 28 */
    --md-sys-typescale-headline-medium-line-height: 2.25rem;   /* 36 */
    --md-sys-typescale-headline-small-size:         1.5rem;    /* 24 */
    --md-sys-typescale-headline-small-line-height:  2rem;      /* 32 */

    --md-sys-typescale-title-large-size:         1.375rem;     /* 22 */
    --md-sys-typescale-title-large-line-height:  1.75rem;      /* 28 */
    --md-sys-typescale-title-medium-size:        1rem;         /* 16 */
    --md-sys-typescale-title-medium-line-height: 1.5rem;       /* 24 */
    --md-sys-typescale-title-medium-tracking:    0.009375rem;
    --md-sys-typescale-title-medium-weight:      500;
    --md-sys-typescale-title-small-size:         0.875rem;     /* 14 */
    --md-sys-typescale-title-small-line-height:  1.25rem;      /* 20 */
    --md-sys-typescale-title-small-tracking:     0.00625rem;
    --md-sys-typescale-title-small-weight:       500;

    --md-sys-typescale-body-large-size:         1rem;          /* 16 */
    --md-sys-typescale-body-large-line-height:  1.5rem;        /* 24 */
    --md-sys-typescale-body-large-tracking:     0.03125rem;
    --md-sys-typescale-body-medium-size:        0.875rem;      /* 14 */
    --md-sys-typescale-body-medium-line-height: 1.25rem;       /* 20 */
    --md-sys-typescale-body-medium-tracking:    0.015625rem;
    --md-sys-typescale-body-small-size:         0.75rem;       /* 12 */
    --md-sys-typescale-body-small-line-height:  1rem;          /* 16 */
    --md-sys-typescale-body-small-tracking:     0.025rem;

    --md-sys-typescale-label-large-size:         0.875rem;     /* 14 */
    --md-sys-typescale-label-large-line-height:  1.25rem;      /* 20 */
    --md-sys-typescale-label-large-tracking:     0.00625rem;
    --md-sys-typescale-label-large-weight:       500;
    /* M3 menyediakan "prominent" untuk label yang perlu lebih tegas. */
    --md-sys-typescale-label-large-weight-prominent: 700;
    --md-sys-typescale-label-medium-size:        0.75rem;      /* 12 */
    --md-sys-typescale-label-medium-line-height: 1rem;         /* 16 */
    --md-sys-typescale-label-medium-tracking:    0.03125rem;
    --md-sys-typescale-label-medium-weight:      500;
    --md-sys-typescale-label-small-size:         0.6875rem;    /* 11 */
    --md-sys-typescale-label-small-line-height:  1rem;         /* 16 */
    --md-sys-typescale-label-small-tracking:     0.03125rem;
    --md-sys-typescale-label-small-weight:       500;
}

/* ============================================================
   STATE LAYER — tokens/versions/v0_192/_md-sys-state.scss

   Inilah yang membuat sesuatu "terasa Material": setiap elemen interaktif
   menumpuk lapisan currentColor beropasitas tetap saat disentuh — bukan
   mengganti warna latarnya sendiri-sendiri.
   ============================================================ */
:root {
    --md-sys-state-hover-opacity:   0.08;
    --md-sys-state-focus-opacity:   0.12;
    --md-sys-state-pressed-opacity: 0.12;
    --md-sys-state-dragged-opacity: 0.16;
}

/* ============================================================
   ELEVATION — tokens/versions/v0_192/_md-sys-elevation.scss (0·1·3·6·8·12 dp)

   Dua bayangan per level (key light + ambient light), ditambah "surface
   tint": overlay primary yang menaikkan NADA permukaan seiring ketinggian.
   Di M3 permukaan yang naik tidak cuma berbayang, warnanya ikut bergeser ke
   arah primary.

   Warna bayangan ditulis rgba(0,0,0,…) apa adanya, bukan
   rgb(from var(--md-sys-color-shadow) …): role "shadow" memang selalu hitam
   di kedua skema, sedangkan relative color syntax baru didukung peramban
   yang cukup baru — tidak sepadan untuk nilai yang tidak pernah berubah.
   ============================================================ */
:root {
    --md-sys-elevation-level0: none;
    --md-sys-elevation-level1: 0 1px 2px 0 rgba(0,0,0,.30), 0 1px 3px 1px rgba(0,0,0,.15);
    --md-sys-elevation-level2: 0 1px 2px 0 rgba(0,0,0,.30), 0 2px 6px 2px rgba(0,0,0,.15);
    --md-sys-elevation-level3: 0 1px 3px 0 rgba(0,0,0,.30), 0 4px 8px 3px rgba(0,0,0,.15);
    --md-sys-elevation-level4: 0 2px 3px 0 rgba(0,0,0,.30), 0 6px 10px 4px rgba(0,0,0,.15);
    --md-sys-elevation-level5: 0 4px 4px 0 rgba(0,0,0,.30), 0 8px 12px 6px rgba(0,0,0,.15);

    --md-sys-elevation-tint-level0: 0;
    --md-sys-elevation-tint-level1: 0.05;
    --md-sys-elevation-tint-level2: 0.08;
    --md-sys-elevation-tint-level3: 0.11;
    --md-sys-elevation-tint-level4: 0.12;
    --md-sys-elevation-tint-level5: 0.14;
}

/* ============================================================
   MOTION — tokens/versions/v0_192/_md-sys-motion.scss
   ============================================================ */
:root {
    --md-sys-motion-easing-emphasized:            cubic-bezier(0.2, 0, 0, 1);
    --md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
    --md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
    --md-sys-motion-easing-standard:              cubic-bezier(0.2, 0, 0, 1);
    --md-sys-motion-easing-standard-decelerate:   cubic-bezier(0, 0, 0, 1);
    --md-sys-motion-easing-standard-accelerate:   cubic-bezier(0.3, 0, 1, 1);
    --md-sys-motion-easing-linear:                cubic-bezier(0, 0, 1, 1);

    --md-sys-motion-duration-short1: 50ms;
    --md-sys-motion-duration-short2: 100ms;
    --md-sys-motion-duration-short3: 150ms;
    --md-sys-motion-duration-short4: 200ms;
    --md-sys-motion-duration-medium1: 250ms;
    --md-sys-motion-duration-medium2: 300ms;
    --md-sys-motion-duration-medium3: 350ms;
    --md-sys-motion-duration-medium4: 400ms;
    --md-sys-motion-duration-long1: 450ms;
    --md-sys-motion-duration-long2: 500ms;
    --md-sys-motion-duration-long3: 550ms;
    --md-sys-motion-duration-long4: 600ms;
    --md-sys-motion-duration-extra-long1: 700ms;
    --md-sys-motion-duration-extra-long2: 800ms;
    --md-sys-motion-duration-extra-long3: 900ms;
    --md-sys-motion-duration-extra-long4: 1000ms;
}