dev_agent
fe44740450
Co-authored-by: dev_agent <17+dev_agent@code.cubecraftcreations.com> Co-committed-by: dev_agent <17+dev_agent@code.cubecraftcreations.com>
76 lines
1.9 KiB
CSS
76 lines
1.9 KiB
CSS
/* NestQuest Admin — global tokens + base.
|
|
Plain CubeCraft styling, mobile-first, 390x844 reference
|
|
(design/ADMIN-SPEC.md). Values mirror design/tokens/nestquest-admin-tokens.css,
|
|
re-scoped to :root for the standalone PWA. */
|
|
|
|
:root {
|
|
--nq-brand-blue: #3b3ab8;
|
|
--nq-brand-purple: #a035cc;
|
|
--nq-brand-gradient: linear-gradient(135deg, var(--nq-brand-blue), var(--nq-brand-purple));
|
|
--nq-brand-gradient-h: linear-gradient(90deg, var(--nq-brand-blue), var(--nq-brand-purple));
|
|
|
|
--nq-a-page: #f4f4f6;
|
|
--nq-a-surface: #ffffff;
|
|
--nq-a-selected: #ebebf8;
|
|
--nq-a-border: #e4e4ea;
|
|
--nq-a-divider: #ededf1;
|
|
|
|
--nq-a-ink: #18181d;
|
|
--nq-a-ink-secondary: #52525e;
|
|
--nq-a-ink-tertiary: #70707e;
|
|
|
|
--nq-a-success: #15803d;
|
|
--nq-a-danger: #dc2626;
|
|
--nq-a-danger-strong: #b91c1c;
|
|
--nq-a-danger-bg: #fee2e2;
|
|
--nq-a-warning-ink: #92400e;
|
|
--nq-a-warning-ink-2: #78350f;
|
|
--nq-a-warning-bg: #fef3c7;
|
|
--nq-a-warning-border: rgba(217, 119, 6, 0.35);
|
|
--nq-a-info-bg: #dbeafe;
|
|
--nq-a-info-ink: #1e3a8a;
|
|
--nq-a-info-icon: #1d4ed8;
|
|
--nq-a-reversal: #7d28a0;
|
|
|
|
--nq-a-font: Nunito, system-ui, sans-serif;
|
|
--nq-a-size-screen: 24px;
|
|
--nq-a-size-stat: 22px;
|
|
--nq-a-size-row: 13.5px;
|
|
--nq-a-size-meta: 11px;
|
|
--nq-a-size-label: 10px;
|
|
--nq-a-track-label: 0.1em;
|
|
|
|
--nq-a-density-gap: 10px;
|
|
--nq-a-density-card-pad: 13px;
|
|
--nq-a-density-row-pad: 11px 13px;
|
|
--nq-a-density-radius: 8px;
|
|
|
|
--nq-a-tabbar-height: 70px;
|
|
--nq-a-tap-min: 44px;
|
|
--nq-a-radius-pill: 9999px;
|
|
--nq-a-radius-sheet: 20px 20px 0 0;
|
|
--nq-a-sheet-shadow: 0 -8px 28px rgba(9, 9, 11, 0.18);
|
|
--nq-a-progress-height: 6px;
|
|
|
|
--nq-ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
--nq-dur-base: 200ms;
|
|
--nq-dur-modal: 350ms;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#root {
|
|
margin: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
font-family: var(--nq-a-font);
|
|
background: var(--nq-a-page);
|
|
color: var(--nq-a-ink);
|
|
-webkit-font-smoothing: antialiased;
|
|
} |