:root {
    --profile-paper: var(--color-paper, oklch(98.5% 0.004 255));
    --profile-surface: var(--color-panel, oklch(100% 0 0));
    --profile-surface-muted: var(--color-paper-2, oklch(96.5% 0.006 255));
    --profile-surface-strong: var(--color-paper-3, oklch(93.5% 0.01 255));
    --profile-ink: var(--color-ink, oklch(20% 0.014 255));
    --profile-ink-muted: var(--color-muted, oklch(43% 0.015 255));
    --profile-rule: var(--color-rule, oklch(83% 0.012 255));
    --profile-rule-strong: var(--color-rule-strong, oklch(67% 0.018 255));
    --profile-accent: var(--color-accent, oklch(56% 0.2 258));
    --profile-accent-hover: var(--color-accent-hover, oklch(48% 0.18 258));
    --profile-accent-soft: var(--color-accent-soft, oklch(94% 0.032 258));
    --profile-accent-ink: var(--color-accent-ink, oklch(99% 0.003 255));
    --profile-danger: var(--color-danger, oklch(54% 0.19 27));
    --profile-danger-hover: var(--color-danger-hover, oklch(46% 0.17 27));
    --profile-danger-soft: var(--color-danger-soft, oklch(95% 0.035 27));
    --profile-danger-ink: var(--color-danger-ink, oklch(99% 0.003 255));
    --profile-success: var(--color-success, oklch(48% 0.13 148));
    --profile-warning: oklch(62% 0.13 78);
    --profile-focus: var(--color-focus, oklch(55% 0.21 258));
    --profile-backdrop: var(--color-modal-backdrop, oklch(9% 0.01 255 / 0.78));
    --profile-shadow: var(--color-shadow, oklch(20% 0.018 255 / 0.18));
    --profile-font: var(--font-body, Arial, Helvetica, sans-serif);
    --profile-mono: var(--font-mono, "Courier New", monospace);
    --profile-radius-control: var(--radius-control, 5px);
    --profile-radius-panel: var(--radius-panel, 8px);
    --profile-ease-out: var(--ease-out, cubic-bezier(0.16, 1, 0.3, 1));
    --profile-ease-in: var(--ease-in, cubic-bezier(0.7, 0, 0.84, 0));
    --profile-duration-micro: var(--dur-micro, 120ms);
    --profile-duration-short: var(--dur-short, 220ms);
    --profile-duration-long: var(--dur-long, 420ms);
    --profile-z-modal: 2400;
}

body.dark-mode,
html[data-theme="dark"] {
    --profile-paper: #333333;
    --profile-surface: #222222;
    --profile-surface-muted: #333333;
    --profile-surface-strong: #444444;
    --profile-ink: #ffffff;
    --profile-ink-muted: #d1d5db;
    --profile-rule: #444444;
    --profile-rule-strong: #555555;
    --profile-accent: #007BFF;
    --profile-accent-hover: #0056b3;
    --profile-accent-soft: #1f3e5f;
    --profile-accent-ink: #ffffff;
    --profile-danger: #d32f2f;
    --profile-danger-hover: #c62828;
    --profile-danger-soft: #4a2727;
    --profile-danger-ink: #ffffff;
    --profile-success: #388e3c;
    --profile-warning: #ff9f43;
    --profile-focus: #66b2ff;
    --profile-backdrop: rgba(0, 0, 0, 0.75);
    --profile-shadow: rgba(0, 0, 0, 0.35);
}