/* ===========================================
   Prism Search — Linear/Notion Design Tokens
   Prefix: --ps-*
   Scope: redesigned screens only.
   Other screens continue using --prism-* variables from app.css.
   =========================================== */

:root {
    /* --- Font --- */
    --ps-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* --- Type Scale --- */
    --ps-text-xs:   0.6875rem;  /* 11px */
    --ps-text-sm:   0.75rem;    /* 12px */
    --ps-text-base: 0.875rem;   /* 14px */
    --ps-text-md:   1rem;       /* 16px */
    --ps-text-lg:   1.125rem;   /* 18px */
    --ps-text-xl:   1.375rem;   /* 22px */
    --ps-text-2xl:  1.75rem;    /* 28px */
    --ps-text-3xl:  2.5rem;     /* 40px */

    /* --- Spacing (4px base) --- */
    --ps-space-1:  4px;
    --ps-space-2:  8px;
    --ps-space-3:  12px;
    --ps-space-4:  16px;
    --ps-space-5:  20px;
    --ps-space-6:  24px;
    --ps-space-8:  32px;
    --ps-space-10: 40px;
    --ps-space-12: 48px;

    /* --- Border Radius --- */
    --ps-r-xs:   3px;
    --ps-r-sm:   4px;
    --ps-r-md:   6px;
    --ps-r-lg:   8px;
    --ps-r-xl:   12px;
    --ps-r-full: 9999px;

    /* --- Backgrounds (Light) --- */
    --ps-bg:        #FFFFFF;
    --ps-bg-subtle: #F7F7FA;
    --ps-bg-muted:  #F0F0F4;
    --ps-bg-hover:  #EAEAEE;
    --ps-bg-active: #E0E0E8;

    /* --- Borders (Light) --- */
    --ps-border-subtle:  #EAEAEE;
    --ps-border-default: #D8D8E0;
    --ps-border-strong:  #C0C0CC;

    /* --- Text (Light, cool-neutral) --- */
    --ps-text-primary:   #0C0C14;
    --ps-text-secondary: #5C5C70;
    --ps-text-muted:     #8E8EA0;
    --ps-text-disabled:  #BDBDCC;

    /* --- Accent: restrained indigo (not bright, not vibrant) --- */
    --ps-accent:         #4F50CC;
    --ps-accent-hover:   #3D3EAA;
    --ps-accent-pressed: #2E2F88;
    --ps-accent-subtle:  rgba(79, 80, 204, 0.08);
    --ps-accent-text:    #3535B0;

    /* --- Semantic: Success --- */
    --ps-success:    #166A42;
    --ps-success-bg: rgba(22, 106, 66, 0.08);

    /* --- Semantic: Warning --- */
    --ps-warning:    #9A6500;
    --ps-warning-bg: rgba(154, 101, 0, 0.08);

    /* --- Semantic: Error --- */
    --ps-error:    #B01C2E;
    --ps-error-bg: rgba(176, 28, 46, 0.08);

    /* --- Semantic: Info --- */
    --ps-info:    #1A55A0;
    --ps-info-bg: rgba(26, 85, 160, 0.08);

    /* --- Semantic: Neutral --- */
    --ps-neutral:    #5C5C70;
    --ps-neutral-bg: rgba(92, 92, 112, 0.08);

    /* --- Shadows (near-flat, Linear style) --- */
    --ps-shadow-xs:  0 1px 2px rgba(0, 0, 0, 0.05);
    --ps-shadow-sm:  0 1px 4px rgba(0, 0, 0, 0.08);
    --ps-shadow-md:  0 4px 12px rgba(0, 0, 0, 0.10);
    --ps-shadow-lg:  0 8px 24px rgba(0, 0, 0, 0.12);
    --ps-focus-ring: 0 0 0 3px rgba(79, 80, 204, 0.20);
}

/* ---- True-Black Dark Theme ---- */
[data-theme="dark"] {
    --ps-bg:        #09090D;
    --ps-bg-subtle: #101016;
    --ps-bg-muted:  #17171F;
    --ps-bg-hover:  #1E1E28;
    --ps-bg-active: #252532;

    --ps-border-subtle:  #1A1A24;
    --ps-border-default: #242430;
    --ps-border-strong:  #343444;

    --ps-text-primary:   #EDEDF2;
    --ps-text-secondary: #88889A;
    --ps-text-muted:     #55556A;
    --ps-text-disabled:  #333345;

    --ps-accent:         #7272E8;
    --ps-accent-hover:   #8A8AEE;
    --ps-accent-pressed: #5A5AC0;
    --ps-accent-subtle:  rgba(114, 114, 232, 0.12);
    --ps-accent-text:    #8A8AEE;

    --ps-success:    #00C48C;
    --ps-success-bg: rgba(0, 196, 140, 0.12);

    --ps-warning:    #F5A623;
    --ps-warning-bg: rgba(245, 166, 35, 0.12);

    --ps-error:    #F04E5E;
    --ps-error-bg: rgba(240, 78, 94, 0.12);

    --ps-info:    #4B9EFF;
    --ps-info-bg: rgba(75, 158, 255, 0.12);

    --ps-neutral:    #7B8297;
    --ps-neutral-bg: rgba(123, 130, 151, 0.12);

    --ps-shadow-xs:  0 1px 2px rgba(0, 0, 0, 0.40);
    --ps-shadow-sm:  0 1px 4px rgba(0, 0, 0, 0.45);
    --ps-shadow-md:  0 4px 12px rgba(0, 0, 0, 0.50);
    --ps-shadow-lg:  0 8px 24px rgba(0, 0, 0, 0.55);
    --ps-focus-ring: 0 0 0 3px rgba(114, 114, 232, 0.25);
}