:root {
    color-scheme: light;

    --cp-color-coral: #eb7f76;
    --cp-color-coral-hover: #df6f66;
    --cp-color-coral-soft: #f8ddd8;
    --cp-color-turquoise: #6ec6cb;
    --cp-color-turquoise-hover: #58b8bd;
    --cp-color-turquoise-soft: #def3f3;
    --cp-color-navy: #334063;
    --cp-color-navy-deep: #0d2340;
    --cp-color-navy-soft: #e8ebf0;
    --cp-color-sea-blue: #2d9cdb;
    --cp-color-sea-blue-text: #176f9f;
    --cp-color-sea-blue-soft: #e3f3fb;
    --cp-color-sand: #f7f5f2;
    --cp-color-white: #ffffff;

    --cp-color-text: #17243d;
    --cp-color-text-muted: #657187;
    --cp-color-border: #dce1e7;
    --cp-color-border-strong: #c5ccd6;
    --cp-color-success: #278377;
    --cp-color-success-soft: #e8f6f4;
    --cp-color-warning: #8f492f;
    --cp-color-warning-soft: #fff3ee;
    --cp-color-danger: #b64444;
    --cp-color-danger-soft: #fff7f7;
    --cp-color-overlay: rgba(13, 35, 64, 0.52);

    --cp-font-ja: "Zen Maru Gothic", system-ui, sans-serif;
    --cp-font-latin: "Nunito", "Zen Maru Gothic", system-ui, sans-serif;
    --cp-font-size-xs: 12px;
    --cp-font-size-sm: 13px;
    --cp-font-size-md: 14px;
    --cp-font-size-body: 16px;
    --cp-font-size-h3: 20px;
    --cp-font-size-h2: 28px;
    --cp-font-size-h1: 36px;
    --cp-font-size-display: 48px;
    --cp-line-height-tight: 1.4;
    --cp-line-height-body: 1.75;

    --cp-space-1: 4px;
    --cp-space-2: 8px;
    --cp-space-3: 12px;
    --cp-space-4: 16px;
    --cp-space-5: 24px;
    --cp-space-6: 32px;
    --cp-space-7: 48px;
    --cp-space-8: 64px;

    --cp-radius-sm: 4px;
    --cp-radius-control: 6px;
    --cp-radius-md: 8px;
    --cp-radius-pill: 999px;

    --cp-shadow-sm: 0 4px 12px rgba(13, 35, 64, 0.08);
    --cp-shadow-md: 0 14px 36px rgba(13, 35, 64, 0.12);
    --cp-shadow-overlay: 0 24px 70px rgba(13, 35, 64, 0.24);
    --cp-focus-ring: 0 0 0 3px rgba(23, 111, 159, 0.24);

    --cp-control-height: 44px;
    --cp-container-wide: 1180px;
    --cp-container-reading: 760px;

    --cp-z-header: 20;
    --cp-z-menu: 30;
    --cp-z-overlay: 50;
    --cp-z-toast: 60;

    --cp-motion-fast: 140ms;
    --cp-motion-normal: 200ms;
    --cp-ease-standard: cubic-bezier(0.2, 0, 0, 1);
}
