:root{--brand-primary: #E8D5B7;--brand-primary-hover: #DFCAAA;--brand-ink: #1C1917;--brand-surface: #FAF8F5;--brand-surface-elevated: #FFFFFF;--brand-muted: #78716C;--brand-border: #E7E5E4;--accent-ember: #C2410C;--accent-ember-light: #FFEDD5;--accent-sage: #4D7C5F;--accent-sage-light: #DCFCE7;--accent-gold: #B45309;--accent-gold-light: #FEF3C7;--color-success: #15803D;--color-success-bg: #F0FDF4;--color-warning: #B45309;--color-warning-bg: #FFFBEB;--color-error: #B91C1C;--color-error-bg: #FEF2F2;--color-info: #0369A1;--color-info-bg: #F0F9FF;--gray-50: #FAFAF9;--gray-100: #F5F5F4;--gray-200: #E7E5E4;--gray-300: #D6D3D1;--gray-400: #A8A29E;--gray-500: #78716C;--gray-600: #57534E;--gray-700: #44403C;--gray-800: #292524;--gray-900: #1C1917;--gray-950: #0C0A09;--bg-dark: #141210;--surface-dark: #1E1B18;--card-dark: #252219;--border-dark: rgba(255, 255, 255, .08);--text-dark-1: #F5F0E8;--text-dark-2: #A09880;--text-dark-3: #5C5448;--bg-main: var(--brand-surface);--bg-card: var(--brand-surface-elevated);--text-main: var(--brand-ink);--text-muted: var(--brand-muted);--border-color: var(--brand-border);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-sans: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-h1: 3rem;--font-size-h2: 2rem;--font-size-h3: 1.5rem;--font-size-h4: 1.25rem;--font-size-h5: 1.125rem;--font-size-h6: 1rem;--font-size-body: 1rem;--font-size-small: .875rem;--font-size-caption: .75rem;--line-height-heading: 1.15;--line-height-body: 1.65;--line-height-caption: 1.4;--letter-spacing-heading: -.03em;--letter-spacing-body: 0;--letter-spacing-mono: +.02em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(28, 25, 23, .05);--shadow-md: 0 4px 12px -2px rgba(28, 25, 23, .08), 0 2px 4px -1px rgba(28, 25, 23, .04);--shadow-lg: 0 12px 24px -4px rgba(28, 25, 23, .12), 0 4px 8px -2px rgba(28, 25, 23, .06);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--ease-entry: cubic-bezier(.16, 1, .3, 1);--ease-exit: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s}[data-theme=dark],.dark{--bg-main: var(--bg-dark);--bg-card: var(--surface-dark);--text-main: var(--text-dark-1);--text-muted: var(--text-dark-2);--border-color: var(--border-dark);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px -4px rgba(0, 0, 0, .7)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:700;line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);margin-top:0;color:var(--text-main)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}code,pre,kbd{font-family:var(--font-mono);letter-spacing:var(--letter-spacing-mono)}html,body{overflow-x:hidden;max-width:100vw}img,svg,video,iframe,canvas{max-width:100%;height:auto}pre,code,table{max-width:100%;overflow-x:auto}p,h1,h2,h3,h4,h5,h6,li,span,a{overflow-wrap:break-word;word-wrap:break-word}input,textarea,button,a.pill,.form-input,.form-textarea,.submit-btn,.share-btn,.newsletter-btn,input[type=submit]{min-height:44px}@media(max-width:768px){html,body{font-size:15px}h1{font-size:2.1rem}h2{font-size:1.6rem}h3{font-size:1.3rem}a.pill,button,.share-btn,.newsletter-btn,input[type=submit]{min-width:44px;display:inline-flex;align-items:center;justify-content:center}}:focus-visible{outline:2px solid var(--accent-ember);outline-offset:2px;border-radius:var(--radius-xs)}[data-theme=dark] :focus-visible,.dark :focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent-ember);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-5);font-family:var(--font-sans);font-size:var(--font-size-small);font-weight:600;line-height:1.25;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-entry),border-color var(--duration-fast) var(--ease-entry),color var(--duration-fast) var(--ease-entry),transform var(--duration-fast) var(--ease-entry),box-shadow var(--duration-fast) var(--ease-entry);border:1px solid transparent;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--accent-ember);color:#fff;border-color:var(--accent-ember);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:#a3360a;border-color:#a3360a;color:#fff}.btn-secondary{background-color:var(--brand-primary);color:var(--brand-ink);border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--brand-primary-hover);color:var(--brand-ink)}.btn-outline{background-color:transparent;color:var(--text-main);border-color:var(--border-color)}.btn-outline:hover{background-color:var(--gray-100);border-color:var(--gray-400);color:var(--text-main)}[data-theme=dark] .btn-outline:hover,.dark .btn-outline:hover{background-color:var(--surface-dark);border-color:var(--text-dark-2)}.btn-ghost{background-color:transparent;color:var(--text-muted);border-color:transparent}.btn-ghost:hover{background-color:var(--gray-100);color:var(--text-main)}[data-theme=dark] .btn-ghost:hover,.dark .btn-ghost:hover{background-color:var(--surface-dark);color:var(--text-dark-1)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-entry),box-shadow var(--duration-normal) var(--ease-entry),border-color var(--duration-normal) var(--ease-entry)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--gray-300)}[data-theme=dark] .card-hover:hover,.dark .card-hover:hover{border-color:#ffffff29}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-caption);font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-mono);border-radius:var(--radius-full);line-height:1;white-space:nowrap}.badge-ember{background-color:var(--accent-ember-light);color:var(--accent-ember);border:1px solid rgba(194,65,12,.2)}[data-theme=dark] .badge-ember,.dark .badge-ember{background-color:#c2410c33;color:#ff8a50;border-color:#c2410c66}.badge-sage{background-color:var(--accent-sage-light);color:var(--accent-sage);border:1px solid rgba(77,124,95,.2)}[data-theme=dark] .badge-sage,.dark .badge-sage{background-color:#4d7c5f33;color:#81c784;border-color:#4d7c5f66}.badge-gold{background-color:var(--accent-gold-light);color:var(--accent-gold);border:1px solid rgba(180,83,9,.2)}[data-theme=dark] .badge-gold,.dark .badge-gold{background-color:#b4530933;color:#ffd54f;border-color:#b4530966}.badge-muted{background-color:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}[data-theme=dark] .badge-muted,.dark .badge-muted{background-color:var(--surface-dark);color:var(--text-dark-2);border-color:var(--border-dark)}pre{background-color:var(--gray-900);color:var(--gray-100);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);overflow-x:auto;font-family:var(--font-mono);font-size:.9rem;line-height:1.5;border:1px solid var(--gray-800)}:not(pre)>code{background-color:var(--gray-100);color:var(--accent-ember);padding:2px 6px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.875em}[data-theme=dark] :not(pre)>code,.dark :not(pre)>code{background-color:var(--surface-dark);color:var(--brand-primary);border:1px solid var(--border-dark)}.table-container{width:100%;overflow-x:auto;margin-top:var(--space-4);margin-bottom:var(--space-6);border-radius:var(--radius-md);border:1px solid var(--border-color)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--font-size-small)}.data-table th,.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color)}.data-table th{background-color:var(--gray-100);font-family:var(--font-mono);font-weight:700;color:var(--text-main);text-transform:uppercase;font-size:var(--font-size-caption);letter-spacing:var(--letter-spacing-mono)}[data-theme=dark] .data-table th,.dark .data-table th{background-color:var(--surface-dark);color:var(--text-dark-1)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#00000005}[data-theme=dark] .data-table tr:hover td,.dark .data-table tr:hover td{background-color:#ffffff05}:root{--admin-ink: #171317;--admin-ink-2: #1e1a1c;--admin-ink-3: #261f22;--glass-bg: rgba(30, 25, 27, .58);--glass-bg-strong: rgba(35, 29, 32, .78);--glass-bg-soft: rgba(30, 25, 27, .42);--glass-border: rgba(232, 213, 183, .14);--glass-border-strong: rgba(232, 213, 183, .24);--glass-highlight: inset 0 1px 0 0 rgba(255, 255, 255, .07);--glass-blur: blur(22px) saturate(1.4);--glass-blur-sm: blur(14px) saturate(1.3);--glass-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 16px -6px rgba(0, 0, 0, .45);--glass-shadow-md: 0 2px 6px rgba(0, 0, 0, .4), 0 16px 40px -12px rgba(0, 0, 0, .55);--glass-shadow-lg: 0 4px 12px rgba(0, 0, 0, .45), 0 32px 64px -16px rgba(0, 0, 0, .6);--ember-gradient: linear-gradient(135deg, #e2590c 0%, #c2410c 48%, #9a3412 100%);--ember-gradient-soft: linear-gradient(135deg, rgba(226, 89, 12, .22), rgba(194, 65, 12, .1));--gold-glow: rgba(234, 179, 8, .16);--sage-glow: rgba(77, 124, 95, .2);--admin-text: #f3e9d7;--admin-text-dim: #cfc0a8;--admin-text-faint: #9c8f7a;--admin-sidebar-w: 264px;--admin-rail-w: 76px;--admin-content-max: 1280px;--admin-ultrawide-max: 1560px;--admin-header-h: 60px;--admin-bottomnav-h: 64px;--bp-mobile: 640px;--bp-tablet: 1024px;--bp-desktop: 1280px;--bp-ultrawide: 1600px}
