/* ============================================================
   POS Theme System — pos-theme.css
   Defines the --pos-* custom properties consumed by
   css/components/pos-auth.css (auth/login pages).

   Colors are chained onto the app-wide --db-* tokens from
   design-tokens.css (loaded before this file) so the auth pages
   stay on the same single source of truth as the rest of the
   admin panel — change the brand color there, not here.
   ============================================================ */

:root {
    /* Colors — chained to design-tokens.css */
    --pos-color-white: #ffffff;
    --pos-color-primary: var(--db-primary, #0161c4);
    --pos-color-secondary: var(--db-primary, #0161c4);
    --pos-color-success: var(--db-success, #16a34a);
    --pos-color-danger: var(--db-danger, #dc2626);
    --pos-color-gray-200: var(--db-border, #e5e9f0);
    --pos-color-gray-400: var(--db-text-muted, #98a2b3);
    --pos-color-gray-600: var(--db-text-secondary, #667085);
    --pos-color-gray-900: var(--db-text, #101828);

    /* Spacing scale */
    --pos-space-1: 4px;
    --pos-space-2: 8px;
    --pos-space-3: 12px;
    --pos-space-4: 16px;
    --pos-space-6: 24px;

    /* Radius scale */
    --pos-radius-md: 8px;
    --pos-radius-lg: 12px;
    --pos-radius-full: 9999px;

    /* Typography */
    --pos-font-family-primary: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --pos-font-size-xs: 0.75rem;
    --pos-font-size-sm: 0.875rem;
    --pos-font-size-base: 1rem;
    --pos-font-size-lg: 1.125rem;
    --pos-font-weight-medium: 500;
    --pos-font-weight-semibold: 600;

    /* Motion */
    --pos-transition-fast: 0.15s ease;
    --pos-transition-base: 0.25s ease;
}