/** Resolved light/base token values, keyed by camelCase name. */
export declare const tokens: {
    readonly font: "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji";
    readonly fontMono: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace";
    readonly radius: "0.25rem";
    readonly colorText: "#222";
    readonly colorTextDimmed: "#868e96";
    readonly colorBody: "#fefefe";
    readonly colorSurface: "#fefefe";
    readonly colorSurface2: "#fefefe";
    readonly colorBorder: "#ced4da";
    readonly colorPrimary: "#228BE6";
    readonly colorPrimaryHover: "#1C7ED6";
    readonly colorPrimaryFg: "#fefefe";
    readonly colorPrimaryLight: "rgba(34, 139, 230, 0.1)";
    readonly colorError: "#fa5252";
    readonly colorSuccess: "#299C7A";
    readonly colorWarning: "#fd7e14";
    readonly colorInfo: "#228BE6";
    readonly colorGray0: "#f8f9fa";
    readonly colorGray1: "#f1f3f5";
    readonly colorGray2: "#e9ecef";
    readonly colorGray3: "#dee2e6";
    readonly colorGray4: "#ced4da";
    readonly colorGray5: "#adb5bd";
    readonly colorGray6: "#868e96";
    readonly colorGray7: "#495057";
    readonly colorGray8: "#343a40";
    readonly colorGray9: "#212529";
    readonly bpXs: "480px";
    readonly bpSm: "768px";
    readonly bpMd: "1024px";
    readonly bpLg: "1184px";
    readonly bpXl: "1440px";
    readonly cardBorderWidth: "1px";
    readonly colorTrack: "#e9ecef";
    readonly colorSegmentedBg: "#f1f3f5";
    readonly colorMediaPlaceholder: "#e9ecef";
};
/** Dark-scheme overrides (only tokens that differ from light). */
export declare const darkTokens: {
    readonly colorText: "#C1C2C5";
    readonly colorTextDimmed: "#8c8fa3";
    readonly colorBody: "#1A1B1E";
    readonly colorSurface: "#25262B";
    readonly colorSurface2: "#25262B";
    readonly colorBorder: "#373A40";
    readonly colorPrimary: "#1971C2";
    readonly colorPrimaryHover: "#1864AB";
    readonly colorPrimaryFg: "#fefefe";
    readonly colorPrimaryLight: "rgba(34, 139, 230, 0.15)";
    readonly colorError: "#e03131";
    readonly colorSuccess: "#326D5C";
    readonly colorWarning: "#e8590c";
    readonly colorInfo: "#1971C2";
    readonly cardBorderWidth: "0";
    readonly colorTrack: "#25262B";
    readonly colorSegmentedBg: "#25262B";
    readonly colorMediaPlaceholder: "#25262B";
};
/** `var(--civitai-*)` reference strings for inline JS styling. */
export declare const tokenVars: {
    readonly font: "var(--civitai-font)";
    readonly fontMono: "var(--civitai-font-mono)";
    readonly radius: "var(--civitai-radius)";
    readonly colorText: "var(--civitai-color-text)";
    readonly colorTextDimmed: "var(--civitai-color-text-dimmed)";
    readonly colorBody: "var(--civitai-color-body)";
    readonly colorSurface: "var(--civitai-color-surface)";
    readonly colorSurface2: "var(--civitai-color-surface-2)";
    readonly colorBorder: "var(--civitai-color-border)";
    readonly colorPrimary: "var(--civitai-color-primary)";
    readonly colorPrimaryHover: "var(--civitai-color-primary-hover)";
    readonly colorPrimaryFg: "var(--civitai-color-primary-fg)";
    readonly colorPrimaryLight: "var(--civitai-color-primary-light)";
    readonly colorError: "var(--civitai-color-error)";
    readonly colorSuccess: "var(--civitai-color-success)";
    readonly colorWarning: "var(--civitai-color-warning)";
    readonly colorInfo: "var(--civitai-color-info)";
    readonly colorGray0: "var(--civitai-color-gray-0)";
    readonly colorGray1: "var(--civitai-color-gray-1)";
    readonly colorGray2: "var(--civitai-color-gray-2)";
    readonly colorGray3: "var(--civitai-color-gray-3)";
    readonly colorGray4: "var(--civitai-color-gray-4)";
    readonly colorGray5: "var(--civitai-color-gray-5)";
    readonly colorGray6: "var(--civitai-color-gray-6)";
    readonly colorGray7: "var(--civitai-color-gray-7)";
    readonly colorGray8: "var(--civitai-color-gray-8)";
    readonly colorGray9: "var(--civitai-color-gray-9)";
    readonly bpXs: "var(--civitai-bp-xs)";
    readonly bpSm: "var(--civitai-bp-sm)";
    readonly bpMd: "var(--civitai-bp-md)";
    readonly bpLg: "var(--civitai-bp-lg)";
    readonly bpXl: "var(--civitai-bp-xl)";
    readonly cardBorderWidth: "var(--civitai-card-border-width)";
    readonly colorTrack: "var(--civitai-color-track)";
    readonly colorSegmentedBg: "var(--civitai-color-segmented-bg)";
    readonly colorMediaPlaceholder: "var(--civitai-color-media-placeholder)";
};
/** The full `--civitai-*` stylesheet (`:root` + light/dark). Also emitted to dist/tokens.css. */
export declare const tokensCss = "/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.\n   Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */\n@property --civitai-color-text {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #222;\n}\n@property --civitai-color-text-dimmed {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #868e96;\n}\n@property --civitai-color-body {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-surface {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-surface-2 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-border {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #ced4da;\n}\n@property --civitai-color-primary {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #228BE6;\n}\n@property --civitai-color-primary-hover {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #1C7ED6;\n}\n@property --civitai-color-primary-fg {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fefefe;\n}\n@property --civitai-color-primary-light {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: rgba(34, 139, 230, 0.1);\n}\n@property --civitai-color-error {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fa5252;\n}\n@property --civitai-color-success {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #299C7A;\n}\n@property --civitai-color-warning {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #fd7e14;\n}\n@property --civitai-color-info {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #228BE6;\n}\n@property --civitai-color-gray-0 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #f8f9fa;\n}\n@property --civitai-color-gray-1 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #f1f3f5;\n}\n@property --civitai-color-gray-2 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #e9ecef;\n}\n@property --civitai-color-gray-3 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #dee2e6;\n}\n@property --civitai-color-gray-4 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #ced4da;\n}\n@property --civitai-color-gray-5 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #adb5bd;\n}\n@property --civitai-color-gray-6 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #868e96;\n}\n@property --civitai-color-gray-7 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #495057;\n}\n@property --civitai-color-gray-8 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #343a40;\n}\n@property --civitai-color-gray-9 {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #212529;\n}\n@property --civitai-color-track {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #e9ecef;\n}\n@property --civitai-color-segmented-bg {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #f1f3f5;\n}\n@property --civitai-color-media-placeholder {\n  syntax: '<color>';\n  inherits: true;\n  initial-value: #e9ecef;\n}\n\n:root {\n  color-scheme: light;\n  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  --civitai-radius: 0.25rem;\n  --civitai-color-text: #222;\n  --civitai-color-text-dimmed: #868e96;\n  --civitai-color-body: #fefefe;\n  --civitai-color-surface: #fefefe;\n  --civitai-color-surface-2: #fefefe;\n  --civitai-color-border: #ced4da;\n  --civitai-color-primary: #228BE6;\n  --civitai-color-primary-hover: #1C7ED6;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n  --civitai-color-error: #fa5252;\n  --civitai-color-success: #299C7A;\n  --civitai-color-warning: #fd7e14;\n  --civitai-color-info: #228BE6;\n  --civitai-color-gray-0: #f8f9fa;\n  --civitai-color-gray-1: #f1f3f5;\n  --civitai-color-gray-2: #e9ecef;\n  --civitai-color-gray-3: #dee2e6;\n  --civitai-color-gray-4: #ced4da;\n  --civitai-color-gray-5: #adb5bd;\n  --civitai-color-gray-6: #868e96;\n  --civitai-color-gray-7: #495057;\n  --civitai-color-gray-8: #343a40;\n  --civitai-color-gray-9: #212529;\n  --civitai-bp-xs: 480px;\n  --civitai-bp-sm: 768px;\n  --civitai-bp-md: 1024px;\n  --civitai-bp-lg: 1184px;\n  --civitai-bp-xl: 1440px;\n  --civitai-card-border-width: 1px;\n  --civitai-color-track: #e9ecef;\n  --civitai-color-segmented-bg: #f1f3f5;\n  --civitai-color-media-placeholder: #e9ecef;\n}\n\n[data-theme='light'] {\n  color-scheme: light;\n  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;\n  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n  --civitai-radius: 0.25rem;\n  --civitai-color-text: #222;\n  --civitai-color-text-dimmed: #868e96;\n  --civitai-color-body: #fefefe;\n  --civitai-color-surface: #fefefe;\n  --civitai-color-surface-2: #fefefe;\n  --civitai-color-border: #ced4da;\n  --civitai-color-primary: #228BE6;\n  --civitai-color-primary-hover: #1C7ED6;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);\n  --civitai-color-error: #fa5252;\n  --civitai-color-success: #299C7A;\n  --civitai-color-warning: #fd7e14;\n  --civitai-color-info: #228BE6;\n  --civitai-color-gray-0: #f8f9fa;\n  --civitai-color-gray-1: #f1f3f5;\n  --civitai-color-gray-2: #e9ecef;\n  --civitai-color-gray-3: #dee2e6;\n  --civitai-color-gray-4: #ced4da;\n  --civitai-color-gray-5: #adb5bd;\n  --civitai-color-gray-6: #868e96;\n  --civitai-color-gray-7: #495057;\n  --civitai-color-gray-8: #343a40;\n  --civitai-color-gray-9: #212529;\n  --civitai-bp-xs: 480px;\n  --civitai-bp-sm: 768px;\n  --civitai-bp-md: 1024px;\n  --civitai-bp-lg: 1184px;\n  --civitai-bp-xl: 1440px;\n  --civitai-card-border-width: 1px;\n  --civitai-color-track: #e9ecef;\n  --civitai-color-segmented-bg: #f1f3f5;\n  --civitai-color-media-placeholder: #e9ecef;\n}\n\n[data-theme='dark'] {\n  color-scheme: dark;\n  --civitai-color-text: #C1C2C5;\n  --civitai-color-text-dimmed: #8c8fa3;\n  --civitai-color-body: #1A1B1E;\n  --civitai-color-surface: #25262B;\n  --civitai-color-surface-2: #25262B;\n  --civitai-color-border: #373A40;\n  --civitai-color-primary: #1971C2;\n  --civitai-color-primary-hover: #1864AB;\n  --civitai-color-primary-fg: #fefefe;\n  --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n  --civitai-color-error: #e03131;\n  --civitai-color-success: #326D5C;\n  --civitai-color-warning: #e8590c;\n  --civitai-color-info: #1971C2;\n  --civitai-card-border-width: 0;\n  --civitai-color-track: #25262B;\n  --civitai-color-segmented-bg: #25262B;\n  --civitai-color-media-placeholder: #25262B;\n}\n\n@media (prefers-color-scheme: dark) {\n  :root:not([data-theme]) {\n    color-scheme: dark;\n    --civitai-color-text: #C1C2C5;\n    --civitai-color-text-dimmed: #8c8fa3;\n    --civitai-color-body: #1A1B1E;\n    --civitai-color-surface: #25262B;\n    --civitai-color-surface-2: #25262B;\n    --civitai-color-border: #373A40;\n    --civitai-color-primary: #1971C2;\n    --civitai-color-primary-hover: #1864AB;\n    --civitai-color-primary-fg: #fefefe;\n    --civitai-color-primary-light: rgba(34, 139, 230, 0.15);\n    --civitai-color-error: #e03131;\n    --civitai-color-success: #326D5C;\n    --civitai-color-warning: #e8590c;\n    --civitai-color-info: #1971C2;\n    --civitai-card-border-width: 0;\n    --civitai-color-track: #25262B;\n    --civitai-color-segmented-bg: #25262B;\n    --civitai-color-media-placeholder: #25262B;\n  }\n}\n";
export type TokenName = keyof typeof tokens;
//# sourceMappingURL=tokens.generated.d.ts.map