/* =======================================================
   ProperApp Core — Theme Variables
   Single source of design tokens
   ======================================================= */

:root {
    /* ---------------------------------------------------
       Typography
       --------------------------------------------------- */
    --pa-font-family: "Inter", system-ui, -apple-system,
        BlinkMacSystemFont, "Segoe UI", sans-serif;

    /* ---------------------------------------------------
       Colours
       --------------------------------------------------- */
    --pa-color-primary: #4f46e5;
    --pa-color-secondary: #6366f1;

    --pa-color-background: #f9fafb;   /* app background */
    --pa-color-surface: #ffffff;      /* cards / panels */

    --pa-color-text: #111827;
    --pa-color-muted: #6b7280;
    --pa-color-border: rgba(0,0,0,0.08);

    /* ---------------------------------------------------
       Radius scale (match dashboard feel)
       --------------------------------------------------- */
    --pa-radius: 8px;
    --pa-radius-sm: 6px;
    --pa-radius-md: 8px;
    --pa-radius-lg: 12px;

    /* ---------------------------------------------------
       Spacing scale (CRITICAL: match dashboard)
       --------------------------------------------------- */
    --pa-spacing: var(--pa-spacing-sm);
    --pa-spacing-xs: 0.5rem;
    --pa-spacing-sm: 0.75rem;
    --pa-spacing-md: 1rem;
    --pa-spacing-lg: 1.5rem;

    /* ---------------------------------------------------
       Shadows
       --------------------------------------------------- */
    --pa-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
}