/* ============================================================
   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.

   2026-08-21 (founder decision, refonte vitrine): palette aligned
   on the dashboard — light only, soft off-white + forest green
   (MainLightPalette: Primary #004b23, Background #F6F5F3). The
   dark navy identity (#1976d2 / #ff7043 / #1a2332) is retired.
   These tokens are provisional until the brand charter is settled
   with the founder's designer; keep them trivial to re-point.
   ============================================================ */

:root {
    /* Brand colors */
    --propia-primary: #004b23;
    /* A filled action's hover DARKENS (like the app's PrimaryDarken): the label
       stays white, so lightening it kills the contrast. This is exactly
       MarketingThemeCss.MixTowardBlack(--propia-primary, 0.82), so a published
       theme shades in the same direction as the shipped one. */
    --propia-primary-hover: #003d1d;
    --propia-secondary: #115e59;

    /* Tinted companions of the primary (chips, icon discs, outlines) */
    --propia-primary-soft: #E9F1EB;
    --propia-primary-soft-border: #CFDFD4;

    /* Surfaces */
    --propia-bg: #F6F5F3;
    --propia-bg-alt: #FFFFFF;
    --propia-surface: #FFFFFF;
    --propia-surface-tinted: #EFEDE7;
    /* Deep band = the dashboard hero gradient the founder likes */
    --propia-deep-gradient: linear-gradient(135deg, #004b23 0%, #115e59 100%);

    /* Text */
    --propia-text: #1F241E;
    --propia-text-muted: #5F675E;
    --propia-text-on-dark: #FFFFFF;

    /* Borders & shadows */
    --propia-border: #E4E2DB;
    --propia-shadow-sm: 0 2px 8px rgba(31, 36, 30, 0.05);
    --propia-shadow-md: 0 6px 20px rgba(31, 36, 30, 0.08);
    --propia-shadow-lg: 0 12px 40px rgba(31, 36, 30, 0.12);

    /* Layout */
    --propia-radius-sm: 8px;
    --propia-radius-md: 12px;
    --propia-radius-lg: 16px;

    /* Typography (self-hosted, css/fonts.css) */
    --propia-font-base: 'Roboto', system-ui, -apple-system, "Segoe UI", sans-serif;
    --propia-font-heading-weight: 700;
}