/* Generated by scripts/build-tokens.mjs from resources/design/tokens.json.
   Do not edit by hand — change the JSON and run `npm run tokens`. */

:root {
    /* Colour */
    --pi-maroon: #520707;
    --pi-maroon-rgb: 82, 7, 7;
    --pi-red: #b02a30;
    --pi-red-rgb: 176, 42, 48;
    --pi-red-dark: #8e2026;
    --pi-red-dark-rgb: 142, 32, 38;
    --pi-red-soft: #fbeced;
    --pi-red-soft-rgb: 251, 236, 237;
    --pi-red-bright: #cb2d3e;
    --pi-red-bright-rgb: 203, 45, 62;
    --pi-red-light: #ef473a;
    --pi-red-light-rgb: 239, 71, 58;
    --pi-ink: #1c1917;
    --pi-ink-rgb: 28, 25, 23;
    --pi-text: #33302d;
    --pi-text-rgb: 51, 48, 45;
    --pi-muted: #6b6460;
    --pi-muted-rgb: 107, 100, 96;
    --pi-line: #e7e2de;
    --pi-line-rgb: 231, 226, 222;
    --pi-surface: #ffffff;
    --pi-surface-rgb: 255, 255, 255;
    --pi-canvas: #f7f5f3;
    --pi-canvas-rgb: 247, 245, 243;
    --pi-dark: #2c2c2c;
    --pi-dark-rgb: 44, 44, 44;
    --pi-white: #ffffff;
    --pi-white-rgb: 255, 255, 255;

    /* Status tones */
    --pi-status-neutral-fg: #4b5563;
    --pi-status-neutral-bg: #f1f2f4;
    --pi-status-waiting-fg: #92400e;
    --pi-status-waiting-bg: #fef3c7;
    --pi-status-review-fg: #1e40af;
    --pi-status-review-bg: #dbeafe;
    --pi-status-active-fg: #166534;
    --pi-status-active-bg: #dcfce7;
    --pi-status-problem-fg: #991b1b;
    --pi-status-problem-bg: #fee2e2;

    /* Font */
    --pi-font-sans: "Roboto", "Noto Sans Bengali", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    --pi-font-display: "Playfair Display", Georgia, "Noto Sans Bengali", serif;
    --pi-font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;

    /* Fs */
    --pi-fs-xs: 0.75rem;
    --pi-fs-sm: 0.875rem;
    --pi-fs-base: 1rem;
    --pi-fs-lg: 1.125rem;
    --pi-fs-xl: 1.25rem;
    --pi-fs-2xl: 1.5rem;
    --pi-fs-3xl: 1.875rem;
    --pi-fs-4xl: 2.25rem;
    --pi-fs-5xl: 2.75rem;

    /* Weight */
    --pi-weight-regular: 400;
    --pi-weight-medium: 500;
    --pi-weight-bold: 700;

    /* Leading */
    --pi-leading-tight: 1.25;
    --pi-leading-normal: 1.5;
    --pi-leading-relaxed: 1.65;

    /* Space */
    --pi-space-1: 4px;
    --pi-space-2: 8px;
    --pi-space-3: 12px;
    --pi-space-4: 16px;
    --pi-space-5: 20px;
    --pi-space-6: 24px;
    --pi-space-8: 32px;
    --pi-space-10: 40px;
    --pi-space-12: 48px;
    --pi-space-16: 64px;

    /* Radius */
    --pi-radius-sm: 6px;
    --pi-radius-md: 10px;
    --pi-radius-pill: 999px;

    /* Shadow */
    --pi-shadow-md: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 16px rgba(16, 24, 40, .06);

    /* Focus */
    --pi-focus-color: #b02a30;
    --pi-focus-width: 3px;
    --pi-focus-offset: 2px;

    /* Breakpoint */
    --pi-breakpoint-sm: 576px;
    --pi-breakpoint-md: 768px;
    --pi-breakpoint-lg: 992px;
    --pi-breakpoint-xl: 1200px;

    /* Aliases used by portal.css and style.css */
    --pi-radius: var(--pi-radius-md);
    --pi-shadow: var(--pi-shadow-md);
    --pi-red-deep: var(--pi-maroon);
    --pi-gradient: linear-gradient(to right, var(--pi-red-bright), var(--pi-red-light));
    --pi-focus-ring: 0 0 0 var(--pi-focus-width) rgba(var(--pi-red-rgb), .35);
}