/* Pakratt theme, round 4. Generated from src/tokens.mjs. */
:root, [data-theme="light"] {
  color-scheme: light;
  --pk-bg: #FBF6EC;
  --pk-bg-2: #F4ECDD;
  --pk-card: #FFFDF8;
  --pk-raised: #FFFFFF;
  --pk-text: #2E2118;
  --pk-text-2: #7A6656;
  --pk-control: #968371;
  --pk-faint: #C9BCAB;
  --pk-accent: #B34A20;
  --pk-accent-pressed: #963C18;
  --pk-on-accent: #FFF8EE;
  --pk-accent-tint: #FAEBE1;
  --pk-packed: #557035;
  --pk-on-packed: #FFFFFF;
  --pk-packed-tint: #E5EBD8;
  --pk-forgot: #B03A52;
  --pk-forgot-tint: #F9E4E8;
  --pk-never: #6F5B4B;
  --pk-never-tint: #EDE6DB;
  --pk-glad: #D9982B;
  --pk-glad-ink: #855A12;
  --pk-on-glad: #2E2118;
  --pk-glad-tint: #F8E7C4;
  --pk-danger: #B42318;
  --pk-on-danger: #FFF8EE;
  --pk-line: rgba(46, 33, 24, .12);
  --pk-line-strong: rgba(46, 33, 24, .22);
  --pk-scrim: rgba(28, 20, 16, .32);
}
[data-theme="dark"] {
  color-scheme: dark;
  --pk-bg: #1C1410;
  --pk-bg-2: #251B15;
  --pk-card: #2B2019;
  --pk-raised: #33271F;
  --pk-text: #F3E8D8;
  --pk-text-2: #B5A08A;
  --pk-control: #8A7867;
  --pk-faint: #5A4A3D;
  --pk-accent: #E8845A;
  --pk-accent-pressed: #F09A74;
  --pk-on-accent: #1C1410;
  --pk-accent-tint: #3D2418;
  --pk-packed: #9CC072;
  --pk-on-packed: #1C1410;
  --pk-packed-tint: #263018;
  --pk-forgot: #EE8098;
  --pk-forgot-tint: #3A1E25;
  --pk-never: #C2AE98;
  --pk-never-tint: #352A21;
  --pk-glad: #F0B54E;
  --pk-glad-ink: #F0B54E;
  --pk-on-glad: #1C1410;
  --pk-glad-tint: #3A2D17;
  --pk-danger: #FF7A6E;
  --pk-on-danger: #1C1410;
  --pk-line: rgba(243, 232, 216, .12);
  --pk-line-strong: rgba(243, 232, 216, .22);
  --pk-scrim: rgba(0, 0, 0, .5);
}
@media (prefers-color-scheme: dark) {
  [data-theme="system"] {
    color-scheme: dark;
    --pk-bg: #1C1410;
    --pk-bg-2: #251B15;
    --pk-card: #2B2019;
    --pk-raised: #33271F;
    --pk-text: #F3E8D8;
    --pk-text-2: #B5A08A;
    --pk-control: #8A7867;
    --pk-faint: #5A4A3D;
    --pk-accent: #E8845A;
    --pk-accent-pressed: #F09A74;
    --pk-on-accent: #1C1410;
    --pk-accent-tint: #3D2418;
    --pk-packed: #9CC072;
    --pk-on-packed: #1C1410;
    --pk-packed-tint: #263018;
    --pk-forgot: #EE8098;
    --pk-forgot-tint: #3A1E25;
    --pk-never: #C2AE98;
    --pk-never-tint: #352A21;
    --pk-glad: #F0B54E;
    --pk-glad-ink: #F0B54E;
    --pk-on-glad: #1C1410;
    --pk-glad-tint: #3A2D17;
    --pk-danger: #FF7A6E;
    --pk-on-danger: #1C1410;
    --pk-line: rgba(243, 232, 216, .12);
    --pk-line-strong: rgba(243, 232, 216, .22);
    --pk-scrim: rgba(0, 0, 0, .5);
  }
}
:root {
  --pk-rust-art: #C8572B;
  --pk-honey-art: #E2A93B;
  --pk-lake: #6F9FA0;
  --pk-fur: #A98263;
  --pk-fur-shade: #8A664B;
  --pk-cream: #F5E6CC;
  --pk-ear: #EEB4A4;
  --pk-rat-ink: #3A2A1F;
  --pk-font-sans: 'Instrument Sans', system-ui, sans-serif;
  --pk-font-serif: 'Instrument Serif', Georgia, serif;
  --pk-font-app: -apple-system, 'SF Pro Text', system-ui, sans-serif;
  --pk-font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --pk-space-1: 2px;
  --pk-space-2: 4px;
  --pk-space-3: 8px;
  --pk-space-4: 12px;
  --pk-space-5: 16px;
  --pk-space-6: 20px;
  --pk-space-7: 24px;
  --pk-space-8: 32px;
  --pk-space-9: 44px;
  --pk-space-10: 56px;
  --pk-radius-xs: 6px;
  --pk-radius-sm: 10px;
  --pk-radius-md: 14px;
  --pk-radius-lg: 20px;
  --pk-radius-xl: 34px;
  --pk-radius-full: 999px;
  --pk-shadow-card: 0 0 0 1px var(--pk-line), 0 1px 2px rgba(46, 33, 24, .06);
  --pk-shadow-raised: 0 0 0 1px var(--pk-line), 0 10px 28px -12px rgba(46, 33, 24, .38);
  --pk-shadow-sheet: 0 -12px 40px -16px rgba(28, 20, 16, .45);
  --pk-shadow-button: 0 1px 0 rgba(255, 255, 255, .22) inset, 0 8px 18px -10px rgba(150, 60, 24, .8);
  --pk-dur-quick: 160ms;
  --pk-ease-quick: cubic-bezier(.2, 0, 0, 1);
  --pk-dur-settle: 450ms;
  --pk-ease-settle: cubic-bezier(.2, .9, .3, 1.04);
  --pk-dur-set-down: 550ms;
  --pk-ease-set-down: cubic-bezier(.2, .9, .3, 1.02);
  --pk-dur-stagger: 90ms;
  --pk-ease-stagger: linear;
  --pk-dur-rat: 600ms;
  --pk-ease-rat: cubic-bezier(.3, 1.5, .5, 1);
  --pk-undo-window: 6s;
}