/* Muster theme for Pleat: "Arcane" (light) and "Arcane Dark" (default).
   Defines every --pl-* token that pleat.css reads, using the scale from Pleat's tokens.json,
   with a custom violet brand on ink-tinted neutrals. Status colours keep Pleat's tuned values. */

:root {
  --font-pleat-mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;
  --font-pleat-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Noto Sans", Ubuntu, Cantarell, sans-serif;
  --mu-font-display: "Barlow Semi Condensed", var(--font-pleat-sans);
  --pl-border-width-l: 3px;
  --pl-border-width-m: 2px;
  --pl-border-width-s: 1px;
  --pl-control-height-l: 3rem;
  --pl-control-height-m: 2.5rem;
  --pl-control-height-s: 2rem;
  --pl-duration-fast: 100ms;
  --pl-duration-normal: 180ms;
  --pl-duration-slow: 280ms;
  --pl-font-size-2xl: 1.75rem;
  --pl-font-size-2xs: 0.6875rem;
  --pl-font-size-3xl: 2.25rem;
  --pl-font-size-4xl: 3rem;
  --pl-font-size-l: 1.125rem;
  --pl-font-size-m: 1rem;
  --pl-font-size-s: 0.875rem;
  --pl-font-size-xl: 1.375rem;
  --pl-font-size-xs: 0.75rem;
  --pl-font-weight-bold: 700;
  --pl-font-weight-medium: 500;
  --pl-font-weight-normal: 400;
  --pl-font-weight-semibold: 600;
  --pl-radius-circle: 50%;
  --pl-radius-l: 0.75rem;
  --pl-radius-m: 0.5rem;
  --pl-radius-pill: 9999px;
  --pl-radius-s: 0.25rem;
  --pl-radius-xl: 1.25rem;
  --pl-space-2xl: 3rem;
  --pl-space-2xs: 0.25rem;
  --pl-space-3xl: 4rem;
  --pl-space-3xs: 0.125rem;
  --pl-space-l: 1.5rem;
  --pl-space-m: 1rem;
  --pl-space-s: 0.75rem;
  --pl-space-xl: 2rem;
  --pl-space-xs: 0.5rem;
  --pl-z-dropdown: 900;
  --pl-z-tooltip: 1100;
}

:root, [data-theme="arcane-dark"] {
  --pl-color-brand-border-loud: #7a6ae0;
  --pl-color-brand-border-normal: #45397f;
  --pl-color-brand-border-quiet: #2f2a52;
  --pl-color-brand-fill-loud: #9d8cff;
  --pl-color-brand-fill-normal: #2c2550;
  --pl-color-brand-fill-quiet: #211d38;
  --pl-color-brand-on-loud: #160f3a;
  --pl-color-brand-on-normal: #d9d2ff;
  --pl-color-brand-on-quiet: #b9aeff;
  --pl-color-danger-border-loud: #b24d48;
  --pl-color-danger-border-normal: #753835;
  --pl-color-danger-border-quiet: #4f2926;
  --pl-color-danger-fill-loud: #ef6660;
  --pl-color-danger-fill-normal: #562321;
  --pl-color-danger-fill-quiet: #391b19;
  --pl-color-danger-on-loud: #330a0a;
  --pl-color-danger-on-normal: #fec8c3;
  --pl-color-danger-on-quiet: #ffa098;
  --pl-color-focus: #a99bff;
  --pl-color-neutral-border-loud: #74708a;
  --pl-color-neutral-border-normal: #4c4960;
  --pl-color-neutral-border-quiet: #35333f;
  --pl-color-neutral-fill-loud: #d6d4e4;
  --pl-color-neutral-fill-normal: #34323f;
  --pl-color-neutral-fill-quiet: #25232f;
  --pl-color-neutral-on-loud: #17161e;
  --pl-color-neutral-on-normal: #d8d6e4;
  --pl-color-neutral-on-quiet: #bcb9cc;
  --pl-color-overlay: rgba(0, 0, 0, 0.62);
  --pl-color-success-border-loud: #3e8250;
  --pl-color-success-border-normal: #305739;
  --pl-color-success-border-quiet: #243c29;
  --pl-color-success-fill-loud: #52af6a;
  --pl-color-success-fill-normal: #1c3e24;
  --pl-color-success-fill-quiet: #172a1b;
  --pl-color-success-on-loud: #04210d;
  --pl-color-success-on-normal: #bce3c3;
  --pl-color-success-on-quiet: #94cf9f;
  --pl-color-surface-border: #2f2c3e;
  --pl-color-surface-default: #14131c;
  --pl-color-surface-lowered: #0e0d14;
  --pl-color-surface-raised: #1d1b28;
  --pl-color-text-link: var(--pl-color-brand-on-quiet);
  --pl-color-text-normal: #ecebf5;
  --pl-color-text-quiet: #a9a6bd;
  --pl-color-warning-border-loud: #956809;
  --pl-color-warning-border-normal: #634819;
  --pl-color-warning-border-quiet: #433217;
  --pl-color-warning-fill-loud: #f0b140;
  --pl-color-warning-fill-normal: #473106;
  --pl-color-warning-fill-quiet: #30230d;
  --pl-color-warning-on-loud: #261700;
  --pl-color-warning-on-normal: #efd3a8;
  --pl-color-warning-on-quiet: #e0b675;
  --pl-shadow-l: 0 16px 40px -8px rgba(0, 0, 0, 0.65);
  --pl-shadow-m: 0 4px 10px -2px rgba(0, 0, 0, 0.5);
  --pl-shadow-s: 0 1px 2px rgba(0, 0, 0, 0.4);
  color-scheme: dark;
}

[data-theme="arcane"] {
  --pl-color-brand-border-loud: #7a66e6;
  --pl-color-brand-border-normal: #c4bbf7;
  --pl-color-brand-border-quiet: #ddd7fb;
  --pl-color-brand-fill-loud: #5b45d6;
  --pl-color-brand-fill-normal: #e3defd;
  --pl-color-brand-fill-quiet: #f2effe;
  --pl-color-brand-on-loud: #ffffff;
  --pl-color-brand-on-normal: #3a2a9c;
  --pl-color-brand-on-quiet: #4a36c0;
  --pl-color-danger-border-loud: #de6660;
  --pl-color-danger-border-normal: #fab2ab;
  --pl-color-danger-border-quiet: #fed2cd;
  --pl-color-danger-fill-loud: #c2272d;
  --pl-color-danger-fill-normal: #fed9d5;
  --pl-color-danger-fill-quiet: #fef1f0;
  --pl-color-danger-on-loud: #ffffff;
  --pl-color-danger-on-normal: #801e1f;
  --pl-color-danger-on-quiet: #9b2729;
  --pl-color-focus: #5b45d6;
  --pl-color-neutral-border-loud: #7f7b93;
  --pl-color-neutral-border-normal: #c4c1d2;
  --pl-color-neutral-border-quiet: #dcdae6;
  --pl-color-neutral-fill-loud: #25233a;
  --pl-color-neutral-fill-normal: #e1dfea;
  --pl-color-neutral-fill-quiet: #f3f2f7;
  --pl-color-neutral-on-loud: #ffffff;
  --pl-color-neutral-on-normal: #423f55;
  --pl-color-neutral-on-quiet: #524f66;
  --pl-color-overlay: rgba(16, 14, 30, 0.45);
  --pl-color-success-border-loud: #4a9a5e;
  --pl-color-success-border-normal: #a9d4b0;
  --pl-color-success-border-quiet: #cae7cf;
  --pl-color-success-fill-loud: #00823a;
  --pl-color-success-fill-normal: #cbedd1;
  --pl-color-success-fill-quiet: #e8faeb;
  --pl-color-success-on-loud: #ffffff;
  --pl-color-success-on-normal: #095727;
  --pl-color-success-on-quiet: #0f6a31;
  --pl-color-surface-border: #dcd9e8;
  --pl-color-surface-default: #f7f6fb;
  --pl-color-surface-lowered: #eeedf5;
  --pl-color-surface-raised: #ffffff;
  --pl-color-text-link: var(--pl-color-brand-on-quiet);
  --pl-color-text-normal: #1b1a26;
  --pl-color-text-quiet: #5c5970;
  --pl-color-warning-border-loud: #b68115;
  --pl-color-warning-border-normal: #e1c292;
  --pl-color-warning-border-quiet: #f0dbbb;
  --pl-color-warning-fill-loud: #f5af20;
  --pl-color-warning-fill-normal: #f8dfba;
  --pl-color-warning-fill-quiet: #fff3e1;
  --pl-color-warning-on-loud: #3f2901;
  --pl-color-warning-on-normal: #604102;
  --pl-color-warning-on-quiet: #755000;
  --pl-shadow-l: 0 16px 40px -8px rgba(20, 16, 40, 0.22);
  --pl-shadow-m: 0 4px 10px -2px rgba(20, 16, 40, 0.12);
  --pl-shadow-s: 0 1px 2px rgba(20, 16, 40, 0.06), 0 1px 3px rgba(20, 16, 40, 0.08);
  color-scheme: light;
}