/**
 * Hashira Design Tokens
 * ---------------------
 * Single source of truth for colours, typography, and spacing across
 * the Hashira Platform. Every theme, module, and admin screen consumes
 * these via CSS custom properties.
 *
 * Sourced from the Elementor kit export of 18 April 2026 and the
 * Hashira brand guidelines.
 *
 * Do not add hard-coded hex values anywhere in Hashira code. If a new
 * colour is genuinely needed, add it here first.
 */

:root {

    /* ---- Brand colours ---- */
    --hashira-primary:        #6EC1E4;  /* link blue; primary interactive */
    --hashira-accent:         #61CE70;  /* accent green; highlights, accents */
    --hashira-brand-green:    #2DC93C;  /* logo green; stronger brand mark */

    /* ---- Neutrals ---- */
    --hashira-text:           #7A7A7A;  /* default body text */
    --hashira-text-strong:    #54595F;  /* headings, strong copy */
    --hashira-bg-light:       #FFFFFF;
    --hashira-bg-dark:        #0B2035;  /* hero / dark section backgrounds */
    --hashira-bg-darkest:     #161115;  /* deepest background */
    --hashira-border-subtle:  #EAEAEA;
    --hashira-border-strong:  #CCCCCC;

    /* ---- Semantic (reserved) ---- */
    --hashira-coral:          #FF7F50;  /* available for callouts */

    /* ---- Typography ---- */
    --hashira-font-heading:   'Varela', sans-serif;
    --hashira-font-body:      'Montserrat', sans-serif;

    --hashira-weight-body:    500;
    --hashira-weight-heading: 600;
    --hashira-weight-strong:  700;

    --hashira-size-body:      15px;
    --hashira-size-small:     13px;
    --hashira-size-h1:        36px;
    --hashira-size-h2:        28px;
    --hashira-size-h3:        22px;
    --hashira-size-h4:        18px;

    --hashira-line-body:      1.6;
    --hashira-line-heading:   1.25;

    /* ---- Spacing scale (4px base) ---- */
    --hashira-space-1:        4px;
    --hashira-space-2:        8px;
    --hashira-space-3:        12px;
    --hashira-space-4:        16px;
    --hashira-space-6:        24px;
    --hashira-space-8:        32px;
    --hashira-space-12:       48px;
    --hashira-space-16:       64px;
    --hashira-space-24:       96px;

    /* ---- Layout ---- */
    --hashira-container-max:  1200px;
    --hashira-radius-sm:      4px;
    --hashira-radius-md:      8px;
    --hashira-radius-lg:      12px;

    /* ---- Breakpoints (for reference; CSS uses @media directly) ---- */
    --hashira-bp-md:          768px;
    --hashira-bp-lg:          1025px;
}