/*
 * Shared appearance tokens for the existing public confirmation/status pages.
 * Sources: frontend/app/assets/css/tailwind.css and
 * design-system/tokens/{colors,typography,spacing}.css.
 * Keep the runtime's corrected muted-foreground (0.44). Light-only by design.
 * Fonts and their OFL notices are copied from frontend/public/fonts/.
 */

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/poppins-latin-400-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/poppins-latin-500-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/fonts/poppins-latin-600-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Commissioner';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/commissioner-greek-400-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Commissioner';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/commissioner-greek-500-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Commissioner';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/fonts/commissioner-greek-600-normal.woff2') format('woff2');
}

:root {
    --font-sans: 'Poppins', 'Commissioner', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
    --background: oklch(1 0 0);
    --foreground: oklch(0.145 0 0);
    --sidebar: oklch(0.985 0 0);
    --card: oklch(1 0 0);
    --card-foreground: oklch(0.145 0 0);
    --muted: oklch(0.97 0 0);
    --muted-foreground: oklch(0.44 0 0);
    --border: oklch(0.922 0 0);
    --primary: #2563eb;
    --primary-foreground: oklch(0.985 0 0);
    --success: oklch(0.508 0.118 165.612);
    --destructive: oklch(0.455 0.245 27.325);
    --radius: 0.625rem;
    --radius-lg: var(--radius);
    --radius-xl: calc(var(--radius) + 4px);
    --ring-card: 0 0 0 1px oklch(0.145 0 0 / 0.10);
    --shadow-sm: 0 1px 3px 0 oklch(0 0 0 / 0.08), 0 1px 2px -1px oklch(0 0 0 / 0.08);
}