:root {
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
    font-variation-settings: normal;
    --font-feature-settings: "cv02","cv03","cv04","cv11";
    --surface-a:#ffffff;
    --surface-b:#f9fafb;
    --surface-c:#f3f4f6;
    --surface-d:#e5e7eb;
    --surface-e:#ffffff;
    --surface-f:#ffffff;
    --text-color:#4b5563;
    --text-color-secondary:#6b7280;

    --primary-color: var(--primary-400);
    --primary-color-text: var(--primary-50);

    --surface-0: 255 255 255;
    --surface-50: 245 247 250;
    --surface-100: 243 244 246;
    --surface-200: 229 231 235;
    --surface-300: 209 213 219;
    --surface-400: 156 163 175;
    --surface-500: 107 114 128;
    --surface-600: 75 85 99;
    --surface-700: 55 65 81;
    --surface-800: 31 41 55;
    --surface-900: 17 24 39;

    --content-padding:1.25rem;
    --inline-spacing:0.5rem;
    --border-radius:6px;
    --surface-ground: var(--surface-50);
    --surface-section:#ffffff;
    --surface-card:#ffffff;
    --surface-overlay:#ffffff;
    --surface-border:#dfe7ef;
    --surface-hover:#f6f9fc;
    --focus-ring: 0 0 0 0.2rem #a7f3d0;
    --maskbg: rgba(0, 0, 0, 0.4);
    --highlight-bg: #F0FDFA;
    --highlight-text-color: #047857;
}