/*!*********************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@mintontech/styles/reset.css ***! \*********************************************************************************************/ /* * @mintontech/styles — minimal reset. Optional: import this before your own * styles if you want a clean baseline. Skip it if a project already has one * it likes (e.g. claude-remote's existing body/button rules) — tokens.css * works fine on its own. */ * { box-sizing: border-box; } html, body { margin: 0; height: 100%; } body { background: var(--color-bg); color: var(--color-text); font-family: var(--font-sans); font-size: var(--text-base); line-height: var(--leading-normal); -webkit-font-smoothing: antialiased; } a { color: var(--color-link); } button, input, select, textarea { font: inherit; color: inherit; } /*!**********************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@mintontech/styles/tokens.css ***! \**********************************************************************************************/ /* * @mintontech/styles — design tokens. * * These are the universal constants: colors, type, spacing, radius, shadow, * z-index. Import this once per app. It sets no layout and no component * styles — every page is still free to look different. It just means two * projects that both use `var(--space-4)` and `var(--radius-md)` never have * to re-decide what those numbers are. * * Theme: prefers-color-scheme picks the default; an explicit * data-theme="dark" / data-theme="light" attribute on overrides it * (see theme.js). Same convention used for Claude Artifacts, so it carries * over if tokens ever get reused there. */ :root { color-scheme: light dark; /* ---- color: light (default) ---- */ --color-bg: #f4f5f7; --color-surface: #ffffff; --color-surface-raised: #ecedf0; --color-border: #e2e4e8; --color-text: #1a1d21; --color-text-muted: #6b7280; --color-accent: #4f7cff; --color-accent-contrast: #ffffff; --color-link: #3d68e8; --color-ok: #2fbf71; --color-warn: #b98900; --color-danger: #e5484d; /* ---- type ---- */ --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, sans-serif; --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; --text-xs: 11px; --text-sm: 13px; --text-base: 15px; --text-md: 16px; --text-lg: 18px; --text-xl: 22px; --text-2xl: 28px; --text-3xl: 36px; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --leading-tight: 1.2; --leading-normal: 1.5; --leading-relaxed: 1.7; /* ---- spacing (padding, gap, and margin all draw from this one scale) ---- */ --space-0: 0; --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; /* ---- radius ---- */ --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-full: 999px; /* ---- shadow ---- */ --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12); --shadow-md: 0 6px 24px rgba(0, 0, 0, 0.18); --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.28); /* ---- z-index scale — pick from here instead of inventing a number ---- */ --z-dropdown: 10; --z-sticky: 20; --z-overlay: 100; --z-modal: 200; --z-toast: 300; --z-max: 2147483000; /* "always on top of everything" — matches the comms widget convention */ } /* ---- color: dark, via OS preference ---- */ @media (prefers-color-scheme: dark) { :root { --color-bg: #0d1117; --color-surface: #161b22; --color-surface-raised: #21262d; --color-border: #30363d; --color-text: #e6edf3; --color-text-muted: #8b949e; --color-accent: #2f81f7; --color-accent-contrast: #ffffff; --color-link: #58a6ff; --color-ok: #3fb950; --color-warn: #d29922; --color-danger: #f85149; --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35); --shadow-md: 0 6px 24px rgba(0, 0, 0, 0.45); --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.5); } } /* ---- explicit override — wins over the OS preference either direction ---- */ :root[data-theme="dark"] { --color-bg: #0d1117; --color-surface: #161b22; --color-surface-raised: #21262d; --color-border: #30363d; --color-text: #e6edf3; --color-text-muted: #8b949e; --color-accent: #2f81f7; --color-accent-contrast: #ffffff; --color-link: #58a6ff; --color-ok: #3fb950; --color-warn: #d29922; --color-danger: #f85149; --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35); --shadow-md: 0 6px 24px rgba(0, 0, 0, 0.45); --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.5); } :root[data-theme="light"] { --color-bg: #f4f5f7; --color-surface: #ffffff; --color-surface-raised: #ecedf0; --color-border: #e2e4e8; --color-text: #1a1d21; --color-text-muted: #6b7280; --color-accent: #4f7cff; --color-accent-contrast: #ffffff; --color-link: #3d68e8; --color-ok: #2fbf71; --color-warn: #b98900; --color-danger: #e5484d; --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12); --shadow-md: 0 6px 24px rgba(0, 0, 0, 0.18); --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.28); } /*!*******************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./pages/mintontechnologies/src/styles.css ***! \*******************************************************************************************/ * { box-sizing: border-box; } body { font-family: var(--font-sans); background: var(--color-bg); color: var(--color-text); } a { color: var(--color-link); } .page { min-height: 100vh; display: flex; flex-direction: column; } /* ---- nav ---- */ .nav { display: flex; justify-content: space-between; align-items: center; padding: var(--space-4) var(--space-8); border-bottom: 1px solid var(--color-border); background: var(--color-surface); position: sticky; top: 0; z-index: var(--z-sticky); } .nav .brand { font-weight: var(--font-weight-bold); font-size: var(--text-lg); letter-spacing: -0.01em; } .nav-links { display: flex; align-items: center; gap: var(--space-6); } .nav-links a { color: var(--color-text-muted); text-decoration: none; font-size: var(--text-sm); font-weight: var(--font-weight-medium); } .nav-links a:hover { color: var(--color-text); } .nav-cta { background: var(--color-surface-raised); border: 1px solid var(--color-border); border-radius: var(--radius-full); padding: var(--space-2) var(--space-4) !important; } .nav-signin { color: var(--color-accent) !important; } .theme-toggle { background: none; border: 1px solid var(--color-border); border-radius: var(--radius-full); color: var(--color-text-muted); width: 2rem; height: 2rem; cursor: pointer; font-size: var(--text-base); line-height: 1; } /* ---- hero ---- */ .hero { max-width: 720px; margin: 0 auto; padding: var(--space-16) var(--space-6) var(--space-12); text-align: center; } .hero h1 { font-size: var(--text-3xl); font-weight: var(--font-weight-bold); line-height: var(--leading-tight); letter-spacing: -0.02em; margin-bottom: var(--space-5); } .hero p { font-size: var(--text-lg); color: var(--color-text-muted); line-height: var(--leading-relaxed); max-width: 56ch; margin: 0 auto var(--space-8); } .hero-actions { display: flex; gap: var(--space-3); justify-content: center; } /* ---- sections ---- */ .section { max-width: 860px; width: 100%; margin: 0 auto; padding: var(--space-16) var(--space-6); border-top: 1px solid var(--color-border); } .section h2 { font-size: var(--text-2xl); font-weight: var(--font-weight-bold); letter-spacing: -0.01em; margin-bottom: var(--space-3); } .section-lead { font-size: var(--text-md); color: var(--color-text-muted); line-height: var(--leading-relaxed); max-width: 68ch; margin-bottom: var(--space-8); } .section-note { margin-top: var(--space-8); font-size: var(--text-sm); color: var(--color-text-muted); font-style: italic; } .feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-5); } .feature-card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-5); } .feature-card h3 { font-size: var(--text-md); font-weight: var(--font-weight-semibold); margin-bottom: var(--space-2); } .feature-card p { font-size: var(--text-sm); color: var(--color-text-muted); line-height: var(--leading-normal); } /* ---- booking widget ---- */ .card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-6); box-shadow: var(--shadow-sm); } .booking-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: var(--space-2); margin: var(--space-4) 0; } .slot-btn { background: var(--color-surface-raised); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-2) var(--space-3); font-size: var(--text-sm); cursor: pointer; color: var(--color-text); } .slot-btn:hover { border-color: var(--color-accent); } .slot-btn.selected { background: var(--color-accent); color: var(--color-accent-contrast); border-color: var(--color-accent); } .booking-form { margin-top: var(--space-6); } .form-row { display: flex; flex-direction: column; gap: var(--space-1); margin-bottom: var(--space-4); } .form-row label { font-size: var(--text-sm); color: var(--color-text-muted); } .form-row input, .form-row textarea { font: inherit; padding: var(--space-2) var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text); } .btn-primary { display: inline-block; background: var(--color-accent); color: var(--color-accent-contrast); border: none; border-radius: var(--radius-md); padding: var(--space-3) var(--space-5); font-size: var(--text-base); font-weight: var(--font-weight-medium); cursor: pointer; text-decoration: none; } .btn-primary:disabled { opacity: 0.5; cursor: not-allowed; } .btn-secondary { display: inline-block; background: none; color: var(--color-text); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-3) var(--space-5); font-size: var(--text-base); font-weight: var(--font-weight-medium); text-decoration: none; } .status { margin-top: var(--space-3); font-size: var(--text-sm); } .status.ok { color: var(--color-ok); } .status.err { color: var(--color-danger); } .day-label { font-size: var(--text-sm); font-weight: var(--font-weight-medium); color: var(--color-text-muted); margin-top: var(--space-4); } .day-label:first-child { margin-top: 0; } /* ---- footer ---- */ .footer { margin-top: auto; display: flex; justify-content: space-between; padding: var(--space-8); border-top: 1px solid var(--color-border); font-size: var(--text-sm); color: var(--color-text-muted); } @media (max-width: 640px) { .nav-links { gap: var(--space-3); } .nav-links .nav-cta { display: none; } .hero h1 { font-size: var(--text-2xl); } } /* ---- admin: resume ---- */ .admin-resume { max-width: 480px; margin: var(--space-8) auto; padding: var(--space-6); display: flex; flex-direction: column; gap: var(--space-4); } .admin-resume h1 { margin: 0; } .admin-resume-current { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); } .admin-resume-upload { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-4); border: 1px dashed var(--color-border); border-radius: var(--radius-md); cursor: pointer; } .admin-resume-error { color: var(--color-danger); } /*# sourceMappingURL=bundle.css.map*/