/* v11 全站設計 token（內頁 *11 共用；由 v11_base_styles.php 載入） */
:root {
    --v11-maxw: 1280px;
    --v11-maxw-wide: 1320px;
    --v11-maxw-narrow: 1200px;
    --v11-gutter: clamp(32px, 5vw, 80px);
    --v11-gutter-page-xs: 40px;
    /* P4 斷點（@media 請對齊）：sm ≤639 | md 768–1023 | lg ≥1024 | xl ≥1280 */
    --v11-bp-sm-max: 639px;
    --v11-bp-md: 768px;
    --v11-bp-lg: 1024px;
    --v11-bp-xl: 1280px;
    --v11-bp-mobile-max: 1023px;
    /* 行動／平板版心：左右各 --v11-gutter-page-xs（<1024px） */
    --v11-content-width-mobile: min(var(--v11-maxw-wide, 1320px), calc(100% - var(--v11-gutter-page-xs) * 2));
    --v11-section-gap: clamp(36px, 5vw, 56px);
    --v11-section-gap-lg: clamp(72px, 9vw, 120px);
    --v11-grid-gap-x: clamp(24px, 3.2vw, 40px);
    --v11-grid-gap-y: clamp(40px, 5vw, 64px);
    --v11-radius: 12px;
    --v11-radius-sm: 8px;
    --v11-font: var(--font-family);
    --v11-focus-ring: 0 0 0 3px color-mix(in srgb, var(--theme11-main, #3f5a72) 28%, transparent);

    /* P3 type scale：5 級字級 + 2 字重 */
    --v11-text-1: clamp(0.8125rem, 0.95vw, 0.875rem);
    --v11-text-2: clamp(0.875rem, 1vw, 0.9375rem);
    --v11-text-3: clamp(1rem, 1.1vw, 1.0625rem);
    --v11-text-4: clamp(1.0625rem, 1.35vw, 1.25rem);
    --v11-text-5: clamp(1.375rem, 2.4vw, 1.75rem);
    --v11-weight-normal: 400;
    --v11-weight-strong: 500;
    --v11-lh: 1.55;
    --v11-lh-tight: 1.35;
    --v11-ls-title: -0.01em;
}

/* 次要文字：略深於舊 #8a8a8a，改善淺底可讀性（WCAG AA 方向） */
body:has(.header-v11) {
    --v11-soft-readable: color-mix(in srgb, var(--theme11-soft, #5f6f82) 88%, var(--theme11-text, #1f2933));
    --v11-meta-color: var(--v11-soft-readable);
    --v11-tag-color: var(--theme11-text, #1f2933);
    --color-breadcrumbs: var(--v11-meta-color);
    --color-breadcrumbs-active: var(--theme11-text, #1f2933);
}