/*
 * Blockspot design tokens — native duplicate of Elementor Kit 897's values.
 * Source of truth for these values: /wp-content/uploads/elementor/css/post-897.css
 * (generated from Kit 897 _elementor_page_settings; snapshot copy in
 * /root/backups/elementor-decommission-20260718/json/897-imported-kit.json).
 *
 * Custom properties only — no selectors are touched here, so this file has
 * zero effect on current rendering. It exists so future native templates
 * (Elementor decommission project, plan 2026-07-18) can reference brand
 * values without depending on the Elementor kit CSS.
 *
 * h1/h5/h6 sizes come from the parent theme's reset.css (2.5rem/1.25rem/1rem),
 * NOT from Kit 897 — Kit 897 only overrides h2/h3/h4. Kept here for a
 * complete h1-h6 scale reference.
 */

:root {
    /* System colors (Kit 897 "system_colors") */
    --bs-color-primary: #000000;
    --bs-color-secondary: #171717;
    --bs-color-text: #7A7A7A;
    --bs-color-accent: #206389;

    /* Custom colors (Kit 897 "custom_colors", by global-color _id) */
    --bs-color-custom-adf1f40: #9AEDF7;
    --bs-color-custom-fe1fcb3: #F3D758;
    --bs-color-custom-3d46ab5: #1DFFFF;
    --bs-color-custom-0b5b439: #EDEDED;
    --bs-color-custom-f59b658: #FFFFFF;

    /* Typography */
    --bs-font-family: 'Roboto Flex', sans-serif;
    --bs-font-weight-primary: 600;
    --bs-font-weight-secondary: 400;
    --bs-font-weight-text: 400;
    --bs-font-weight-accent: 500;

    /* Heading scale (px, matches live rendered cascade) */
    --bs-font-size-h1: 2.5rem;   /* 40px — parent theme reset.css, not Kit 897 */
    --bs-font-size-h2: 24px;     /* Kit 897 override */
    --bs-font-size-h3: 20px;     /* Kit 897 override */
    --bs-font-size-h4: 20px;     /* Kit 897 override */
    --bs-font-size-h5: 1.25rem;  /* 20px — parent theme reset.css, not Kit 897 */
    --bs-font-size-h6: 1rem;     /* 16px — parent theme reset.css, not Kit 897 */

    /* Layout */
    --bs-container-width: 1140px;
    --bs-container-width-md: 1024px; /* Kit 897 max-width:1024px breakpoint */
    --bs-container-width-sm: 767px;  /* Kit 897 max-width:767px breakpoint */
}