/* Dibangkitkan oleh packages/tokens/src/build.ts dari brand.json. Jangan edit tangan. */
:root {
  color-scheme: light dark;
  --brand-terracotta: #D07A55;
  --brand-sand: #E7C2A6;
  --brand-linen: #FAF2E9;
  --brand-taupe: #B7A395;
  --brand-umber: #4A403B;
  --bg: #FAF2E9;
  --surface: #FEF9F4;
  --surface-2: #F5E6D8;
  --sunken: #F1DDCA;
  --border: #D4C6BA;
  --border-strong: #B7A395;
  --border-input: #928277;
  --text: #4A403B;
  --text-muted: #6E6159;
  --accent: #D07A55;
  --accent-display: #C46F4A;
  --accent-strong: #A3512D;
  --accent-soft: #F2DECB;
  --highlight: #E7C2A6;
  --on-accent: #FAF2E9;
  --ink-deep: #201713;
  --on-dark: #FAF2E9;
  --success-soft: #DAF1DD;
  --success: #27713D;
  --warning-soft: #F8E7D0;
  --warning: #885A00;
  --danger-soft: #FFE2DE;
  --danger: #AD3B35;
  --info-soft: #D8EDFF;
  --info: #326893;
  --shadow-ring: 0 0 0 1.5px var(--border);
  --shadow-soft: -4px 4px 6px 0 color-mix(in oklch, var(--brand-umber) 12%, transparent);
  --shadow-xs: 0 1px 2px -1px color-mix(in oklch, var(--brand-umber) 10%, transparent), 0 1px 3px 0 color-mix(in oklch, var(--brand-umber) 10%, transparent);
  --shadow-ambient: 0 16px 80px 0 color-mix(in oklch, var(--brand-umber) 8%, transparent);
  --shadow-button: 0 .6px 1.08px -1.25px color-mix(in oklch, var(--brand-umber) 72%, transparent), 0 2.29px 4.12px -2.5px color-mix(in oklch, var(--brand-umber) 64%, transparent), 0 10px 18px -3.75px color-mix(in oklch, var(--brand-umber) 25%, transparent);
  --glow-glass: inset 3px 3px 47px 5px color-mix(in oklch, var(--brand-linen) 62%, transparent), inset -3px -3px 15px 5px color-mix(in oklch, var(--brand-taupe) 15%, transparent);
  --edge-dark: inset 0 -1px 0 color-mix(in oklch, var(--brand-linen) 8%, transparent), inset 0 1px 0 color-mix(in oklch, var(--brand-linen) 16%, transparent);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #201713;
    --surface: #2A211C;
    --surface-2: #352A24;
    --sunken: #19110C;
    --border: #4A403B;
    --border-strong: #796A62;
    --border-input: #827269;
    --text: #FAF2E9;
    --text-muted: #B7A395;
    --accent: #D07A55;
    --accent-display: #D07A55;
    --accent-strong: #D37D58;
    --accent-soft: #422B21;
    --highlight: #5F4C42;
    --on-accent: #1C1410;
    --ink-deep: #201713;
    --on-dark: #FAF2E9;
    --success-soft: #152D1A;
    --success: #5AA26B;
    --warning-soft: #33230A;
    --warning: #C08933;
    --danger-soft: #3A1D1A;
    --danger: #E66F64;
    --info-soft: #12283B;
    --info: #6198C6;
    --shadow-ring: 0 0 0 1.5px var(--border);
    --shadow-soft: -4px 4px 6px 0 color-mix(in oklch, var(--brand-umber) 24%, transparent);
    --shadow-xs: 0 1px 2px -1px color-mix(in oklch, var(--brand-umber) 20%, transparent), 0 1px 3px 0 color-mix(in oklch, var(--brand-umber) 20%, transparent);
    --shadow-ambient: 0 16px 80px 0 color-mix(in oklch, var(--brand-umber) 16%, transparent);
    --shadow-button: 0 .6px 1.08px -1.25px color-mix(in oklch, var(--brand-umber) 100%, transparent), 0 2.29px 4.12px -2.5px color-mix(in oklch, var(--brand-umber) 100%, transparent), 0 10px 18px -3.75px color-mix(in oklch, var(--brand-umber) 50%, transparent);
    --glow-glass: inset 3px 3px 47px 5px color-mix(in oklch, var(--brand-linen) 62%, transparent), inset -3px -3px 15px 5px color-mix(in oklch, var(--brand-taupe) 15%, transparent);
    --edge-dark: inset 0 -1px 0 color-mix(in oklch, var(--brand-linen) 8%, transparent), inset 0 1px 0 color-mix(in oklch, var(--brand-linen) 16%, transparent);
  }
}
:root[data-theme="dark"] {
  --bg: #201713;
  --surface: #2A211C;
  --surface-2: #352A24;
  --sunken: #19110C;
  --border: #4A403B;
  --border-strong: #796A62;
  --border-input: #827269;
  --text: #FAF2E9;
  --text-muted: #B7A395;
  --accent: #D07A55;
  --accent-display: #D07A55;
  --accent-strong: #D37D58;
  --accent-soft: #422B21;
  --highlight: #5F4C42;
  --on-accent: #1C1410;
  --ink-deep: #201713;
  --on-dark: #FAF2E9;
  --success-soft: #152D1A;
  --success: #5AA26B;
  --warning-soft: #33230A;
  --warning: #C08933;
  --danger-soft: #3A1D1A;
  --danger: #E66F64;
  --info-soft: #12283B;
  --info: #6198C6;
  --shadow-ring: 0 0 0 1.5px var(--border);
  --shadow-soft: -4px 4px 6px 0 color-mix(in oklch, var(--brand-umber) 24%, transparent);
  --shadow-xs: 0 1px 2px -1px color-mix(in oklch, var(--brand-umber) 20%, transparent), 0 1px 3px 0 color-mix(in oklch, var(--brand-umber) 20%, transparent);
  --shadow-ambient: 0 16px 80px 0 color-mix(in oklch, var(--brand-umber) 16%, transparent);
  --shadow-button: 0 .6px 1.08px -1.25px color-mix(in oklch, var(--brand-umber) 100%, transparent), 0 2.29px 4.12px -2.5px color-mix(in oklch, var(--brand-umber) 100%, transparent), 0 10px 18px -3.75px color-mix(in oklch, var(--brand-umber) 50%, transparent);
  --glow-glass: inset 3px 3px 47px 5px color-mix(in oklch, var(--brand-linen) 62%, transparent), inset -3px -3px 15px 5px color-mix(in oklch, var(--brand-taupe) 15%, transparent);
  --edge-dark: inset 0 -1px 0 color-mix(in oklch, var(--brand-linen) 8%, transparent), inset 0 1px 0 color-mix(in oklch, var(--brand-linen) 16%, transparent);
}