/* MiN8T Tools - shared styles Brand tokens deliberately match the marketing site (https://min8t.com/landing/) so that switching between min8t.com/* and min8t.com/tools/* feels like one product. v2 - 2026-04-28: token rewrite to dark / mint-green theme. See IMPLEMENTATION/specs/FREE_TOOLS_BRAND_HARMONIZATION_SPEC.md §2.1 in the Min8T monorepo for the rationale. */ :root { /* Brand palette */ --brand-primary: #28ef91; /* MiN8T mint green */ --brand-primary-dark: #1ec97a; --brand-accent: #FFA94D; /* warm amber */ /* Neutrals - dark theme, glass surfaces above the wave background */ --bg: #2b312c; /* MiN8T dark gray */ --bg-alt: rgba(43, 49, 44, 0.52); /* glass-pill bg */ --bg-muted: rgba(255, 255, 255, 0.04); --border: rgba(255, 255, 255, 0.12); --border-strong: rgba(255, 255, 255, 0.24); /* Text */ --text-primary: #ffffff; --text-secondary: rgba(255, 255, 255, 0.75); --text-muted: rgba(255, 255, 255, 0.55); /* Semantic */ --success: #28ef91; --warning: #FFA94D; --danger: #ff6b6b; /* Type scale - matches landing fonts. The actual @font-face declarations live in landing/css/main.css, which tools also link in . If a tool fails to link main.css for any reason, font-family gracefully falls back to Roboto then system sans. */ --font-sans: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; --font-display: 'PP Neue Montreal', 'Roboto', sans-serif; --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, Consolas, monospace; /* Spacing */ --space-xs: 4px; --space-sm: 8px; --space-md: 16px; --space-lg: 24px; --space-xl: 32px; --space-2xl: 48px; /* Radius */ --radius-sm: 4px; --radius-md: 12px; --radius-lg: 20px; --radius-pill: 9999px; /* Shadows - softened against dark bg */ --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3); --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35); --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.4); /* Layout - widened from 960 to 1000 (20px per side) so body copy and control rows fit more comfortably without crowding the glass-card edge. Tools that need more (e.g. inbox-preview's email viewport) override --container-max in their own