/*
 * PSB Design Tokens — single semantic source for App/Public surfaces.
 * Filament consumes the same semantic colors through resources/css/filament.
 * Values live on :root and .dark; components must consume the semantic
 * variables, never raw palette colors, so theme and brand stay consistent.
 */

:root {
    color-scheme: light;

    /* Brand (overridden at runtime by BrandingSettings.primary_color) */
    --psb-brand: #4f46e5;          /* indigo-600 */
    --psb-brand-strong: #4338ca;   /* indigo-700 */
    --psb-brand-soft: #eef2ff;     /* indigo-50 */
    --psb-brand-fg: #ffffff;

    /* Neutral / surfaces */
    --psb-bg: #f8fafc;             /* slate-50  */
    --psb-surface: #ffffff;
    --psb-surface-raised: #ffffff;
    --psb-surface-subtle: #f1f5f9; /* slate-100 */
    --psb-text: #0f172a;           /* slate-900 */
    --psb-text-muted: #64748b;     /* slate-500 */
    --psb-text-subtle: #94a3b8;    /* slate-400 */
    --psb-border: #e2e8f0;         /* slate-200 */
    --psb-border-strong: #cbd5e1;  /* slate-300 */

    /* Status */
    --psb-success: #16a34a;
    --psb-success-soft: #f0fdf4;
    --psb-warning: #d97706;
    --psb-warning-soft: #fffbeb;
    --psb-danger: #dc2626;
    --psb-danger-soft: #fef2f2;
    --psb-info: #0284c7;
    --psb-info-soft: #f0f9ff;

    /* Shape */
    --psb-radius-sm: 6px;
    --psb-radius-md: 10px;
    --psb-radius-lg: 14px;

    /* Typography */
    --psb-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
        Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC",
        "Microsoft YaHei", sans-serif;
    --psb-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.dark {
    color-scheme: dark;

    --psb-brand: #818cf8;          /* indigo-400 */
    --psb-brand-strong: #a5b4fc;   /* indigo-300 */
    --psb-brand-soft: #1e1b4b;     /* indigo-950 */
    --psb-brand-fg: #0f172a;

    --psb-bg: #0b1120;
    --psb-surface: #0f172a;
    --psb-surface-raised: #1e293b;
    --psb-surface-subtle: #162032;
    --psb-text: #e2e8f0;
    --psb-text-muted: #94a3b8;
    --psb-text-subtle: #64748b;
    --psb-border: #1e293b;
    --psb-border-strong: #334155;

    --psb-success: #4ade80;
    --psb-success-soft: #052e16;
    --psb-warning: #fbbf24;
    --psb-warning-soft: #451a03;
    --psb-danger: #f87171;
    --psb-danger-soft: #450a0a;
    --psb-info: #38bdf8;
    --psb-info-soft: #082f49;
}