/**
 * Design tokens — single source of truth for color/spacing/radius/type used
 * across every screen (product page, cart, checkout, account, admin-facing
 * frontend). See SDD.md at the repo root. Never hardcode one of these values
 * inside a screen-specific stylesheet or inline style — reference the
 * variable instead, so a brand change is a one-line edit here.
 */
:root {
    --pt-color-primary: #1B4389;
    --pt-color-primary-hover: #163a75;
    --pt-color-text: #333333;
    --pt-color-muted: #666666;
    --pt-color-error: #d9534f;
    --pt-color-success: #2e7d32;
    --pt-color-border: #dddddd;
    --pt-input-bg: #f9f9f9;
    --pt-surface-bg: #ffffff;

    --pt-radius-sm: 3px;
    --pt-radius: 5px;
    --pt-radius-lg: 10px;

    --pt-font-size-xs: 11px;
    --pt-font-size-label: 12px;
    --pt-font-size-sm: 13px;
    --pt-font-size-base: 14px;
    --pt-font-size-md: 16px;

    --pt-spacing-xs: 4px;
    --pt-spacing-sm: 8px;
    --pt-spacing-md: 16px;
    --pt-spacing-lg: 24px;
    --pt-spacing-xl: 30px;
}