:root {
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
    font-variation-settings: normal;
    --font-feature-settings: "cv02","cv03","cv04","cv11";
    --surface-a:#ffffff;
    --surface-b:#fafbfc;
    --surface-c:#f2f4f6;
    --surface-d:#e7eaee;
    --surface-e:#ffffff;
    --surface-f:#ffffff;
    --text-color: 22 49 58;
    --text-color-secondary: 90 102 117;

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

    --surface-0: 255 255 255;
    --surface-50: 250 251 252;
    --surface-100: 242 244 246;
    --surface-200: 231 234 238;
    --surface-300: 212 220 226;
    --surface-400: 174 182 192;
    --surface-500: 154 163 174;
    --surface-600: 90 102 117;
    --surface-700: 70 83 95;
    --surface-800: 42 53 64;
    --surface-900: 22 49 58;
    --surface-950: 12 26 32;

    --content-padding:1.25rem;
    --inline-spacing:0.5rem;
    --border-radius:12px;
    --surface-ground: 238 241 244;
    --surface-section:#ffffff;
    --surface-card:#ffffff;
    --surface-overlay:#ffffff;
    --surface-border:#e7eaee;
    --surface-hover:#f2f4f6;
    --focus-ring: 0 0 0 3px rgb(var(--primary-500) / 0.12);
    --maskbg: rgba(16, 24, 40, 0.42);
    --highlight-bg: rgb(var(--primary-500) / 0.08);
    --highlight-text-color: rgb(var(--primary-600));
}