/* ============================================================ minix Design Tokens — Pure Anduril Phase F.1 — variables only, no global resets. Page-level reset lives in components.css under .mx-page scope. ============================================================ */ /* Pretendard (한글) — base.html already loads Geist via Google Fonts */ @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css'); /* Noto Sans JP (일본어) */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap'); :root { /* === Background === */ --mx-bg-base: #0A0A0A; --mx-bg-elev-1: #111111; --mx-bg-elev-2: #161616; --mx-bg-elev-3: #1C1C1C; /* === Text === */ --mx-text-primary: #FAFAFA; --mx-text-secondary: #A1A1AA; --mx-text-muted: #52525B; --mx-text-dim: #3F3F46; /* === Accent (절제 사용 — 강조점에만) === */ --mx-accent: #A3E635; --mx-accent-dim: #84CC16; --mx-accent-faint: rgba(163, 230, 53, 0.12); /* === Semantic === */ --mx-danger: #EF4444; --mx-warning: #F59E0B; --mx-success: #A3E635; /* === Border (hairline only) === */ --mx-border: #27272A; --mx-border-strong: #3F3F46; --mx-border-accent: rgba(163, 230, 53, 0.4); /* === Typography === */ /* Geist Sans is already loaded by base.html (Google Fonts). */ --mx-font-sans: 'Geist', 'Pretendard', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --mx-font-mono: 'Geist Mono', 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace; /* Compact scale — body 13px, mono dominates */ --mx-text-xs: 11px; --mx-text-sm: 12px; --mx-text-base: 13px; --mx-text-md: 15px; --mx-text-lg: 18px; --mx-text-xl: 24px; --mx-text-2xl: 36px; --mx-text-3xl: 56px; --mx-text-display: 88px; --mx-leading-tight: 1.05; --mx-leading-normal: 1.4; --mx-leading-relaxed: 1.6; --mx-tracking-tight: -0.02em; --mx-tracking-normal: 0; --mx-tracking-wide: 0.05em; --mx-tracking-wider: 0.1em; --mx-tracking-widest: 0.15em; /* === Space (8px grid 엄격) === */ --mx-space-1: 4px; --mx-space-2: 8px; --mx-space-3: 12px; --mx-space-4: 16px; --mx-space-5: 24px; --mx-space-6: 32px; --mx-space-7: 48px; --mx-space-8: 64px; --mx-space-9: 96px; /* === Radius (industrial precision — 4px max) === */ --mx-radius: 4px; --mx-radius-sm: 2px; /* === Motion === */ --mx-ease: cubic-bezier(0.16, 1, 0.3, 1); --mx-duration: 200ms; /* ============================================================ Phase H.2a — ERP page tokens (Pure Anduril light + dark) Scoped via --mx-erp-* prefix so marketing/auth/billing pages (which use base --mx-* dark tokens) are unaffected. Light is default; html[data-theme="dark"] override below. ============================================================ */ --mx-erp-bg-page: #FAFAFA; --mx-erp-bg-card: #FFFFFF; --mx-erp-bg-input: #FFFFFF; --mx-erp-bg-input-nested: #FAFAFA; --mx-erp-text-primary: #0A0A0A; --mx-erp-text-secondary: #525252; --mx-erp-text-tertiary: #737373; --mx-erp-text-mono: #737373; --mx-erp-hairline: #E5E5E5; --mx-erp-input-border: #D4D4D4; --mx-erp-accent: #65A30D; --mx-erp-accent-text: #FAFAFA; --mx-erp-accent-bg: #ECFCCB; --mx-erp-warning-bg: #F5F5F5; --mx-erp-status-live: #65A30D; } /* Dark theme override — activated by H.1 setTheme() writing data-theme="dark" on . Base --mx-* tokens stay dark always (marketing/auth never toggle); only --mx-erp-* swap. */ html[data-theme="dark"] { --mx-erp-bg-page: #0A0A0A; --mx-erp-bg-card: #141414; --mx-erp-bg-input: #141414; --mx-erp-bg-input-nested: #0A0A0A; --mx-erp-text-primary: #FAFAFA; --mx-erp-text-secondary: #A3A3A3; --mx-erp-text-tertiary: #737373; --mx-erp-text-mono: #737373; --mx-erp-hairline: #1F1F1F; --mx-erp-input-border: #2A2A2A; --mx-erp-accent: #A3E635; --mx-erp-accent-text: #0A0A0A; --mx-erp-accent-bg: rgba(163, 230, 53, 0.1); --mx-erp-warning-bg: rgba(163, 163, 163, 0.1); --mx-erp-status-live: #A3E635; }