:root {
    /* v1.5 semantic tokens */
    --accent-primary: #24B7E6; /* v1.5 */
    --accent-secondary: #B93B80; /* v1.5 */

    --ui-accent: #24B7E6; /* v1.5 */
    --ui-text: #1F2937; /* v1.5 */
    --ui-text-muted: #6B7280; /* v1.5 */
    --ui-border: #E6ECF2; /* v1.5 */
    --ui-bg: #F5F7FA; /* v1.5 */
    --ui-card: #FFFFFF; /* v1.5 */
    --ui-hover: rgba(36, 183, 230, 0.06); /* v1.5 */
    --ui-focus: rgba(36, 183, 230, 0.18); /* v2.0 */
    --ui-radius-card: 14px; /* v2.0 */
    --ui-radius-input: 12px; /* v2.0 */
    --ui-space-page: 28px; /* v2.0 */
    --ui-space-section: 24px; /* v2.0 */
    --ui-space-card: 20px; /* v2.0 */

    --color-bg-page: #f6f8fb; /* v1.5 */
    --color-bg-card: #ffffff; /* v1.5 */
    --color-border: #e6eaf0; /* v1.5 */
    --color-text-main: #2a3343; /* v1.5 */
    --color-text-muted: #6b7280; /* v1.5 */

    --bg-page: var(--color-bg-page);
    --bg-surface: var(--color-bg-card);
    --bg-elevated: var(--color-bg-card); /* v1.5 */

    --border-subtle: var(--color-border);
    --border-strong: color-mix(in srgb, var(--color-border) 70%, var(--color-text-muted));

    --text-primary: var(--color-text-main);
    --text-muted: var(--color-text-muted);
    --text-inverse: var(--color-white);

    --status-success: #30c36b; /* v1.5 */
    --status-warning: #f5a524; /* v1.5 */
    --status-error: #ef476f; /* v1.5 */
    --status-info: #24B7E6; /* v1.5 */

    --focus-ring-color: var(--accent-primary);
    --focus-ring-width: 2px; /* v1.5 */
    --focus-ring-offset: 2px; /* v1.5 */

    --overlay-backdrop-color: rgba(15, 23, 42, 0.18);
    --overlay-blur: 8px; /* v1.5 */

    --font-family-base: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; /* v1.5 */

    --text-title: 28px; /* v1.5 */
    --text-section: 18px; /* v1.5 */
    --text-body: 14px; /* v1.5 */
    --text-meta: 12px; /* v1.5 */

    --font-size-title: var(--text-title);
    --font-size-section: var(--text-section);
    --font-size-body: var(--text-body);
    --font-size-meta: var(--text-meta);

    --line-height-title: 1.3; /* v1.5 */
    --line-height-section: 1.4; /* v1.5 */
    --line-height-body: 1.6; /* v1.5 */
    --line-height-meta: 1.4; /* v1.5 */

    --space-xxs: 4px; /* v1.5 */
    --space-xs: 8px; /* v1.5 */
    --space-sm: 12px; /* v1.5 */
    --space-md: 16px; /* v1.5 */
    --space-lg: 24px; /* v1.5 */
    --space-xl: 32px; /* v1.5 */
    --space-2xl: 40px; /* v1.5 */

    --radius-sm: 12px; /* v1.5 */
    --radius-md: 16px; /* v1.5 */
    --radius-round: 999px; /* v1.5 */
    --border-width: 1px; /* v1.5 */
    --shadow-none: none; /* v1.5 */
    --shadow-soft: 0 10px 30px rgba(15, 23, 42, 0.08); /* v1.5 */
}