41 lines
1.2 KiB
CSS
41 lines
1.2 KiB
CSS
@import "../styles/tokens.css";
|
|
@import "tailwindcss";
|
|
|
|
/* ── Base resets ────────────────────────────────────── */
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
font-size: 14px;
|
|
/* RTL is set per route-group layout, not globally */
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
min-height: 100vh;
|
|
background-color: var(--color-surface-sunken);
|
|
color: var(--color-text-primary);
|
|
font-family: var(--font-sans);
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
/* ── Tailwind theme bridge ──────────────────────────── */
|
|
/* Expose CSS variables as Tailwind color utilities. */
|
|
@theme inline {
|
|
--color-background: var(--color-surface-sunken);
|
|
--color-foreground: var(--color-text-primary);
|
|
--color-brand: var(--color-brand-600);
|
|
--font-sans: var(--font-sans);
|
|
--font-mono: var(--font-mono);
|
|
}
|
|
|
|
/* ── Focus ring utility ─────────────────────────────── */
|
|
.focus-ring {
|
|
outline: none;
|
|
box-shadow: 0 0 0 2px var(--color-brand-600);
|
|
} |