/* =========================================================
   HyperDAF Core — Main Styles
   Location: /wp-content/themes/hyperdaf-core/assets/css/main.css
   Purpose:
   - Global design tokens and minimal global defaults
   - Keeps main stylesheet lightweight
   - Base token source for split CSS files
   -
   Related:
   - /assets/css/base.css
   - /assets/css/typography.css
   - /assets/css/layout.css
   - /assets/css/components.css
   - /assets/css/wp-content.css
   - /assets/css/responsive.css
========================================================= */

/* =========================================================
   Design Tokens
========================================================= */

:root{
    --hdaf-color-primary:#2563EB;
    --hdaf-color-primary-hover:#1D4ED8;

    --hdaf-color-accent:#F97316;
    --hdaf-color-accent-hover:#EA580C;

    --hdaf-color-success:#16A34A;
    --hdaf-color-success-soft:#DCFCE7;

    --hdaf-color-heading:#0F172A;
    --hdaf-color-text:#334155;
    --hdaf-color-muted:#64748B;

    --hdaf-color-border:#E2E8F0;
    --hdaf-color-surface:#FFFFFF;
    --hdaf-color-surface-soft:#F8FAFC;

    --hdaf-color-footer-bg:#0F172A;
    --hdaf-color-footer-text:#CBD5E1;

    --hdaf-font-base:"Inter","Roboto",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;

    --hdaf-radius-xs:6px;
    --hdaf-radius-sm:8px;
    --hdaf-radius-md:12px;
    --hdaf-radius-lg:16px;
    --hdaf-radius-xl:20px;
    --hdaf-radius-pill:999px;

    --hdaf-shadow-sm:0 8px 24px rgba(15,23,42,0.06);
    --hdaf-shadow-md:0 16px 40px rgba(15,23,42,0.08);

    --hdaf-transition-fast:180ms ease;
    --hdaf-transition-base:220ms ease;

    --hdaf-container:1280px;
    --hdaf-content:860px;
}

/* =========================================================
   Minimal Global Defaults
========================================================= */

html{
    -webkit-text-size-adjust:100%;
    scroll-behavior:smooth;
}

*,
*::before,
*::after{
    box-sizing:border-box;
}