/* ============================================================
   Propia Marketing Theme
   ------------------------------------------------------------
   Single source of truth for the marketing site visual identity.
   Edit these CSS variables to rebrand the showcase without
   touching any HTML or component code.
   ============================================================ */

:root {
    /* Brand colors */
    --propia-primary: #1976d2;
    --propia-primary-hover: #1465b8;
    --propia-secondary: #ff7043;
    --propia-secondary-hover: #f15a2a;

    /* Surfaces */
    --propia-bg: #ffffff;
    --propia-bg-alt: #f5f7fa;
    --propia-surface: #ffffff;
    --propia-surface-dark: #1a2332;

    /* Text */
    --propia-text: #1a2332;
    --propia-text-muted: #5c6b7a;
    --propia-text-on-dark: #ffffff;

    /* Borders & shadows */
    --propia-border: #e1e7ee;
    --propia-shadow-sm: 0 2px 8px rgba(26, 35, 50, 0.06);
    --propia-shadow-md: 0 6px 20px rgba(26, 35, 50, 0.10);
    --propia-shadow-lg: 0 12px 40px rgba(26, 35, 50, 0.15);

    /* Layout */
    --propia-radius-sm: 8px;
    --propia-radius-md: 12px;
    --propia-radius-lg: 16px;
    --propia-section-padding-y: 4rem;

    /* Typography */
    --propia-font-base: 'Roboto', system-ui, -apple-system, "Segoe UI", sans-serif;
    --propia-font-heading-weight: 700;
}