:root {
    color-scheme: dark;

    --pr-bg-app: #121316;
    --pr-bg-chrome: #16171a;
    --pr-bg-card: #1a1b1f;
    --pr-bg-raised: #1c1d21;
    --pr-bg-inset: #1f2126;
    --pr-bg-control: #22242a;
    --pr-bg-selected: #24262c;
    --pr-bg-hover-nav: #1e1f24;
    --pr-bg-hover: #202126;
    --pr-bg-hover-control: #282a31;
    --pr-bg-track-off: #26272c;
    --pr-bg-segment-selected: #2a2c33;
    --pr-bg-badge: #282a31;
    --pr-bg-scrollbar: #2c2e34;

    --pr-text: #eceef1;
    --pr-text-secondary: #a0a4ab;
    --pr-text-muted: #8f949c;
    --pr-text-disabled: #565b62;
    --pr-text-section: #5a5f66;
    --pr-text-list: #c9ccd1;
    --pr-brand-gold: #e3c39c;
    --pr-brand-gold-tint: rgba(227, 195, 156, 0.1);
    --pr-brand-gold-border: rgba(227, 195, 156, 0.32);

    --pr-border: rgba(255, 255, 255, 0.07);
    --pr-border-divider: rgba(255, 255, 255, 0.06);
    --pr-border-control: rgba(255, 255, 255, 0.08);
    --pr-border-control-strong: rgba(255, 255, 255, 0.1);
    --pr-border-open: rgba(255, 255, 255, 0.16);
    --pr-border-empty: rgba(255, 255, 255, 0.14);

    --pr-accent: oklch(0.72 0.14 40);
    --pr-accent-hover: oklch(0.80 0.12 40);
    --pr-accent-contrast: #1b0f07;
    --pr-accent-tint: oklch(0.72 0.14 40 / 0.14);
    --pr-accent-border: oklch(0.72 0.14 40 / 0.6);
    --pr-accent-border-soft: oklch(0.72 0.14 40 / 0.5);

    --pr-success: oklch(0.72 0.11 155);
    --pr-success-dot: oklch(0.75 0.12 155);
    --pr-success-text: oklch(0.78 0.11 155);
    --pr-success-text-soft: oklch(0.80 0.10 155);
    --pr-success-track: oklch(0.72 0.11 155 / 0.22);
    --pr-success-track-border: oklch(0.72 0.11 155 / 0.55);
    --pr-success-tint: oklch(0.72 0.11 155 / 0.12);
    --pr-success-tint-border: oklch(0.72 0.11 155 / 0.45);

    --pr-warning: oklch(0.78 0.11 85);
    --pr-warning-tint: oklch(0.78 0.11 85 / 0.12);
    --pr-warning-border: oklch(0.78 0.11 85 / 0.45);

    --pr-res-wood: oklch(0.70 0.08 150);
    --pr-res-clay: oklch(0.68 0.10 45);
    --pr-res-iron: oklch(0.70 0.07 245);
    --pr-res-crop: oklch(0.78 0.10 92);

    --pr-danger: oklch(0.62 0.16 25);
    --pr-danger-text: oklch(0.75 0.13 25);
    --pr-danger-border: oklch(0.62 0.16 25 / 0.5);
    --pr-danger-border-strong: oklch(0.62 0.16 25 / 0.55);
    --pr-danger-tint: oklch(0.62 0.16 25 / 0.14);

    --pr-overlay: rgba(8, 8, 10, 0.6);
    --pr-shadow-dropdown: 0 8px 24px rgba(0, 0, 0, 0.35);

    --pr-focus-color: oklch(0.72 0.14 40);
    --pr-focus-width: 2px;
    --pr-focus-offset: 2px;

    --pr-font-ui: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --pr-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

    --pr-fs-page-title: 24px;
    --pr-fs-modal-title: 18px;
    --pr-fs-card-title: 15px;
    --pr-fs-nav: 13.5px;
    --pr-fs-body: 13px;
    --pr-fs-body-sm: 12.5px;
    --pr-fs-small: 12px;
    --pr-fs-meta: 11.5px;
    --pr-fs-mono-sm: 11px;
    --pr-fs-label-lg: 10.5px;
    --pr-fs-label: 9.5px;
    --pr-ls-label: 0.1em;
    --pr-ls-label-wide: 0.12em;
    --pr-ls-brand: 0.22em;
    --pr-ls-title: -0.02em;

    --pr-space-1: 4px;
    --pr-space-2: 6px;
    --pr-space-3: 8px;
    --pr-space-4: 10px;
    --pr-space-5: 12px;
    --pr-space-6: 14px;
    --pr-space-7: 16px;
    --pr-space-8: 18px;
    --pr-space-9: 20px;
    --pr-space-10: 22px;
    --pr-space-11: 24px;

    --pr-radius-badge: 5px;
    --pr-radius-chip: 7px;
    --pr-radius-input: 8px;
    --pr-radius-nav: 9px;
    --pr-radius-button: 10px;
    --pr-radius-panel: 11px;
    --pr-radius-strip: 12px;
    --pr-radius-card: 14px;
    --pr-radius-modal: 16px;

    --pr-control-height: 34px;
    --pr-control-height-sm: 28px;
    --pr-toggle-width: 30px;
    --pr-toggle-height: 17px;
    --pr-toggle-knob: 11px;
    --pr-dot-size: 6px;

    --pr-sidebar-width: 220px;
    --pr-header-height: 59px;
    --pr-content-padding: 20px 22px 40px;
    --pr-content-gap: 18px;
}

:root[data-theme="light"] {
    --pr-res-wood: oklch(0.50 0.09 150);
    --pr-res-clay: oklch(0.52 0.12 45);
    --pr-res-iron: oklch(0.50 0.08 245);
    --pr-res-crop: oklch(0.55 0.11 92);
}

body {
    font-family: var(--pr-font-ui);
    -webkit-font-smoothing: antialiased;
}

button, input, select, textarea {
    font-family: inherit;
}

:where(button, select, input, textarea, a, summary, [tabindex]):focus-visible {
    outline: var(--pr-focus-width) solid var(--pr-focus-color);
    outline-offset: var(--pr-focus-offset);
}

::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

::-webkit-scrollbar-thumb {
    background: var(--pr-bg-scrollbar);
    border-radius: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}