/* Generated by scripts/v1-snapshot/postprocess.mjs from styles.css. */

@font-face {
    font-family: "Suisse Intl";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("/fonts/SuisseIntl-Hairline.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Intl";
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url("/fonts/SuisseIntl-HairlineIt.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Intl";
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url("/fonts/SuisseIntl-Thin.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Intl";
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url("/fonts/SuisseIntl-ThinIt.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Intl";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("/fonts/SuisseIntl-Light.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Intl";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url("/fonts/SuisseIntl-LightIt.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Intl";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/SuisseIntl-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Intl";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/SuisseIntl-RegularIt.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Intl";
    font-style: normal;
    font-weight: 450;
    font-display: swap;
    src: url("/fonts/SuisseIntl-Book.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Intl";
    font-style: italic;
    font-weight: 450;
    font-display: swap;
    src: url("/fonts/SuisseIntl-BookIt.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Intl";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/fonts/SuisseIntl-Medium.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Intl";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url("/fonts/SuisseIntl-MediumIt.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Intl";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("/fonts/SuisseIntl-Semibold.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Intl";
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url("/fonts/SuisseIntl-SemiboldIt.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Intl";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/fonts/SuisseIntl-Bold.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Intl";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("/fonts/SuisseIntl-BoldIt.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Intl";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("/fonts/SuisseIntl-Black.woff2") format("woff2");
}

@font-face {
    font-family: "Suisse Intl";
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url("/fonts/SuisseIntl-BlackIt.woff2") format("woff2");
}

:root {
    --font-suisse-intl: "Suisse Intl", "Helvetica Neue", Arial, sans-serif;
    --vocs-font-family: var(--font-suisse-intl);
    --vocs-font-family-mono: var(--font-suisse-intl);
    --vocs-fontFamily_default: var(--font-suisse-intl);
    --vocs-fontFamily_mono: var(--font-suisse-intl);
    --symbiotic-surface-page: #ffffff;
    --symbiotic-surface-subtle: #fafafa;
    --symbiotic-border-subtle: #e5e5e5;
    --symbiotic-border-strong: #d4d4d4;
    --symbiotic-text-primary: #171717;
    --symbiotic-text-secondary: #525252;
    --symbiotic-text-tertiary: #737373;
    --symbiotic-text-inverse: #ffffff;
    --symbiotic-neutral-900: #0a0a0a;
    --symbiotic-neutral-800: #262626;
    --symbiotic-neutral-700: #404040;
    --symbiotic-brand-50: #f7ffe6;
    --symbiotic-brand-100: #ecffc8;
    --symbiotic-brand-300: #befb5b;
    --symbiotic-brand-400: #a3f12a;
    --symbiotic-brand-500: #83d80a;
    --symbiotic-brand-600: #64ad03;
    --symbiotic-brand-800: #3e670d;
    --symbiotic-brand-gradient: linear-gradient(45deg, #3e670d 0%, #64ad03 100%);
    --symbiotic-shadow-sm: 0 1px 2px rgba(10, 10, 10, 0.05);
    --symbiotic-shadow-md: 0 8px 24px rgba(10, 10, 10, 0.08);
    --symbiotic-shadow-focus: 0 0 0 3px rgba(100, 173, 3, 0.18);
    --symbiotic-relay-accent: var(--symbiotic-brand-800);
    --vocs-color_background: var(--symbiotic-surface-page);
    --vocs-color_background2: var(--symbiotic-surface-subtle);
    --vocs-color_background3: var(--symbiotic-surface-subtle);
    --vocs-color_background4: var(--symbiotic-brand-50);
    --vocs-color_border: var(--symbiotic-border-subtle);
    --vocs-color_tableBorder: var(--symbiotic-border-strong);
    --vocs-color_muted: var(--symbiotic-border-strong);
    --vocs-color_text: var(--symbiotic-text-secondary);
    --vocs-color_text2: var(--symbiotic-neutral-700);
    --vocs-color_text3: var(--symbiotic-text-tertiary);
    --vocs-color_body: var(--symbiotic-text-secondary);
    --vocs-color_title: var(--symbiotic-text-primary);
    --vocs-color_heading: var(--symbiotic-text-primary);
    --vocs-color_textAccent: var(--symbiotic-brand-800);
    --vocs-color_accent: var(--symbiotic-brand-600);
    --vocs-color_codeHighlightBackground: var(--symbiotic-brand-50);
    color-scheme: light;
}

:root[data-vocs-theme="dark"] {
    --symbiotic-surface-page: #191818;
    --symbiotic-surface-subtle: rgba(255, 255, 255, 0.04);
    --symbiotic-border-subtle: rgba(56, 56, 56, 0.6);
    --symbiotic-border-strong: #383838;
    --symbiotic-text-primary: #ffffff;
    --symbiotic-text-secondary: #e4e4e4;
    --symbiotic-text-tertiary: #a3a3a3;
    --symbiotic-text-inverse: #111111;
    --symbiotic-neutral-900: #ffffff;
    --symbiotic-neutral-800: #e4e4e4;
    --symbiotic-neutral-700: #c7c7c7;
    --symbiotic-brand-50: rgba(182, 255, 62, 0.08);
    --symbiotic-brand-100: rgba(182, 255, 62, 0.15);
    --symbiotic-brand-300: #d2ff80;
    --symbiotic-brand-400: #c4ff5f;
    --symbiotic-brand-500: #b6ff3e;
    --symbiotic-brand-600: #b6ff3e;
    --symbiotic-brand-800: #b6ff3e;
    --symbiotic-brand-gradient: linear-gradient(45deg, #8bff55 0%, #b6ff3e 100%);
    --symbiotic-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.28);
    --symbiotic-shadow-md: 0 10px 25px rgba(0, 0, 0, 0.32);
    --symbiotic-shadow-focus: 0 0 0 3px rgba(182, 255, 62, 0.22);
    --symbiotic-relay-accent: #8b5cf6;
    --vocs-color_background: var(--symbiotic-surface-page);
    --vocs-color_background2: #1f1f1f;
    --vocs-color_background3: var(--symbiotic-surface-subtle);
    --vocs-color_background4: var(--symbiotic-brand-50);
    --vocs-color_border: var(--symbiotic-border-subtle);
    --vocs-color_tableBorder: var(--symbiotic-border-strong);
    --vocs-color_muted: #2d333b;
    --vocs-color_text: var(--symbiotic-text-secondary);
    --vocs-color_text2: var(--symbiotic-neutral-700);
    --vocs-color_text3: var(--symbiotic-text-tertiary);
    --vocs-color_body: var(--symbiotic-text-secondary);
    --vocs-color_title: var(--symbiotic-text-primary);
    --vocs-color_heading: var(--symbiotic-text-primary);
    --vocs-color_textAccent: var(--symbiotic-brand-600);
    --vocs-color_accent: var(--symbiotic-brand-600);
    --vocs-color_codeHighlightBackground: rgba(0, 0, 0, 0.3);
    color-scheme: dark;
}

:root {
    --vocs-color-accent: var(--vocs-color_accent, var(--symbiotic-brand-600));
    --vocs-color-accentInvert: var(--symbiotic-text-inverse, #ffffff);
    --vocs-border-color-primary: var(--symbiotic-border-subtle, #e5e5e5);
    --vocs-text-color-primary: var(--symbiotic-text-primary, #171717);
    --vocs-text-color-secondary: var(--symbiotic-text-secondary, #525252);
    --vocs-text-color-heading: var(--symbiotic-text-primary, #171717);
    --vocs-background-color-primary: var(--symbiotic-surface-page, #ffffff);
    --vocs-background-color-surface: var(--symbiotic-surface-page, #ffffff);
    --vocs-background-color-surfaceMuted: var(--symbiotic-surface-subtle, #fafafa);
    --vocs-background-color-surfaceTint: var(--symbiotic-surface-subtle, #fafafa);
}