/**
 * Base semantic styles for Turbo Themes.
 *
 * Provides optional CSS that applies theme variables to common HTML elements.
 * This is a lightweight alternative to a full CSS framework.
 *
 * @packageDocumentation
 */
/**
 * Minimal CSS reset that works well with Turbo theme variables.
 * Approximately 500 bytes minified.
 */
export declare const CSS_RESET = "/* Turbo Themes - Minimal Reset */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nbody,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nfigure,\nblockquote,\ndl,\ndd {\n  margin: 0;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -moz-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n}\n\nbody {\n  min-height: 100vh;\n  line-height: 1.5;\n  -webkit-font-smoothing: antialiased;\n}\n\nimg,\npicture,\nvideo,\ncanvas,\nsvg {\n  display: block;\n  max-width: 100%;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\n  font: inherit;\n}\n";
/**
 * Base semantic styles that use Turbo theme variables.
 * Approximately 2KB minified.
 */
export declare const CSS_BASE = "/* Turbo Themes - Base Semantic Styles */\n\n/* Root & Body */\n:root {\n  color-scheme: light dark;\n}\n\nbody {\n  font-family: var(--turbo-font-sans, system-ui, -apple-system, sans-serif);\n  color: var(--turbo-text-primary, #000);\n  background-color: var(--turbo-bg-base, #fff);\n}\n\n/* Typography */\nh1, h2, h3, h4, h5, h6 {\n  line-height: 1.2;\n  font-weight: 600;\n}\n\nh1 { color: var(--turbo-heading-h1, var(--turbo-text-primary)); font-size: 2.5rem; }\nh2 { color: var(--turbo-heading-h2, var(--turbo-text-primary)); font-size: 2rem; }\nh3 { color: var(--turbo-heading-h3, var(--turbo-text-primary)); font-size: 1.75rem; }\nh4 { color: var(--turbo-heading-h4, var(--turbo-text-primary)); font-size: 1.5rem; }\nh5 { color: var(--turbo-heading-h5, var(--turbo-text-primary)); font-size: 1.25rem; }\nh6 { color: var(--turbo-heading-h6, var(--turbo-text-primary)); font-size: 1rem; }\n\np {\n  color: var(--turbo-body-primary, var(--turbo-text-primary));\n}\n\n/* Links */\na {\n  color: var(--turbo-accent-link, var(--turbo-brand-primary));\n  text-decoration: none;\n}\n\na:hover {\n  text-decoration: underline;\n}\n\n/* Selection */\n::selection {\n  color: var(--turbo-selection-fg, #fff);\n  background-color: var(--turbo-selection-bg, #3273dc);\n}\n\n/* Code */\ncode,\nkbd,\nsamp,\npre {\n  font-family: var(--turbo-font-mono, ui-monospace, monospace);\n}\n\ncode {\n  padding: 0.125rem 0.25rem;\n  color: var(--turbo-code-inline-fg, #e83e8c);\n  background-color: var(--turbo-code-inline-bg, #f8f9fa);\n  border-radius: 0.25rem;\n  font-size: 0.875em;\n}\n\npre {\n  padding: 1rem;\n  color: var(--turbo-code-block-fg, #f8f9fa);\n  background-color: var(--turbo-code-block-bg, #2b2b2b);\n  border-radius: 0.5rem;\n  overflow-x: auto;\n}\n\npre code {\n  padding: 0;\n  background-color: transparent;\n  font-size: inherit;\n}\n\n/* Blockquote */\nblockquote {\n  margin: 1rem 0;\n  padding: 0.5rem 1rem;\n  color: var(--turbo-blockquote-fg);\n  background-color: var(--turbo-blockquote-bg);\n  border-left: 4px solid var(--turbo-blockquote-border);\n  border-radius: 0 0.25rem 0.25rem 0;\n}\n\n/* Tables */\ntable {\n  width: 100%;\n  border-collapse: collapse;\n}\n\nth,\ntd {\n  padding: 0.75rem;\n  text-align: left;\n  border: 1px solid var(--turbo-table-border);\n}\n\nth {\n  color: var(--turbo-table-header-fg, var(--turbo-text-primary));\n  background-color: var(--turbo-table-thead-bg);\n  font-weight: 600;\n}\n\ntr:nth-child(even) td {\n  background-color: var(--turbo-table-stripe);\n}\n\n/* Form Elements */\nbutton,\ninput,\nselect,\ntextarea {\n  border: 1px solid var(--turbo-border-default);\n  border-radius: 0.25rem;\n  background-color: var(--turbo-bg-surface);\n  color: var(--turbo-text-primary);\n}\n\nbutton {\n  padding: 0.5rem 1rem;\n  cursor: pointer;\n  background-color: var(--turbo-brand-primary);\n  color: var(--turbo-text-inverse);\n  border: none;\n  font-weight: 500;\n}\n\nbutton:hover {\n  opacity: 0.9;\n}\n\nbutton:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\ninput,\nselect,\ntextarea {\n  padding: 0.5rem 0.75rem;\n}\n\nbutton:focus-visible,\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: 2px solid var(--turbo-brand-primary);\n  outline-offset: 2px;\n}\n\n/* Utility classes */\n.surface {\n  background-color: var(--turbo-bg-surface);\n}\n\n.surface-alt {\n  background-color: var(--turbo-bg-overlay);\n}\n\n.text-primary {\n  color: var(--turbo-text-primary);\n}\n\n.text-secondary {\n  color: var(--turbo-text-secondary);\n}\n\n.text-success {\n  color: var(--turbo-state-success);\n}\n\n.text-warning {\n  color: var(--turbo-state-warning);\n}\n\n.text-danger {\n  color: var(--turbo-state-danger);\n}\n\n.text-info {\n  color: var(--turbo-state-info);\n}\n\n.border {\n  border: 1px solid var(--turbo-border-default);\n}\n\n.rounded {\n  border-radius: 0.25rem;\n}\n\n.rounded-lg {\n  border-radius: 0.5rem;\n}\n";
/**
 * Generates the complete base CSS including reset and semantic styles.
 */
export declare function generateBaseCss(): string;
/**
 * Generates only the reset CSS.
 */
export declare function generateResetCss(): string;
//# sourceMappingURL=base.d.ts.map