/* ==========================================================
ALPHASTRIKE OS
Design Engine

File        : 01_variables.css
Version     : 1.0.0
Created     : 09 August 2026
Maintainer  : ALPHASTRIKE
Description : Global Design Tokens
Copyright (c) 2026 ALPHASTRIKE
    All Rights Reserved.
============================================================*/

/*------------------------------------------------------------
01. ROOT VARIABLES
------------------------------------------------------------*/
/*===============================================================
    ENGINEERING RULE

    Never hardcode colors, spacing, typography, shadows,
    border-radius, or animation values anywhere in the project.

    Always use design tokens defined in this file.

    SOURCE OF TRUTH NOTE (added 2026-08-12)
    core/ is the site's implementation layer. It does not define its
    own competing color/spacing/typography tokens - those already
    exist, locked, under the --alpha-* namespace in
    design-system/exports/css/tokens.css + themes.css (generated from
    design-system/tokens/*.json). This file imports that canonical
    token set and only adds the handful of tokens genuinely missing
    from it (z-index scale, glassmorphism surfaces) so the whole
    project stays on one namespace instead of two.
===============================================================*/

@import url("../../design-system/exports/css/tokens.css");
@import url("../../design-system/exports/css/themes.css");

:root {
    /*===========================================================
      PROJECT INFORMATION
    ===========================================================*/

    --as-name: "ALPHASTRIKE OS";
    --as-version: "1.0.0";
    --as-author: "ALPHASTRIKE";
}

/*------------------------------------------------------------
02. BRAND COLORS
------------------------------------------------------------
Canonical brand colors live in design-system/exports/css/tokens.css
as --alpha-color-brand-*. Use those directly; nothing to add here.
------------------------------------------------------------*/

/*------------------------------------------------------------
03. NEUTRAL PALETTE
------------------------------------------------------------
See --alpha-color-neutral-* in design-system/exports/css/tokens.css.
------------------------------------------------------------*/

/*------------------------------------------------------------
04. SEMANTIC COLORS
------------------------------------------------------------
See --alpha-surface-*, --alpha-text-*, --alpha-border-*,
--alpha-interactive-*, --alpha-icon-* in
design-system/exports/css/themes.css (theme-aware, dark/light).
------------------------------------------------------------*/

/*------------------------------------------------------------
05. TYPOGRAPHY
------------------------------------------------------------
See --alpha-font-*, --alpha-line-height-*, --alpha-letter-spacing-*
in design-system/exports/css/tokens.css.
------------------------------------------------------------*/

/*------------------------------------------------------------
06. SPACING SYSTEM
------------------------------------------------------------
See --alpha-spacing-* in design-system/exports/css/tokens.css.
------------------------------------------------------------*/

/*------------------------------------------------------------
07. CONTAINER WIDTHS
------------------------------------------------------------
See --alpha-container-max / --alpha-layout-gutter /
--alpha-layout-section in design-system/exports/css/tokens.css.
------------------------------------------------------------*/

/*------------------------------------------------------------
08. BORDER RADIUS
------------------------------------------------------------
See --alpha-radius-* in design-system/exports/css/tokens.css.
------------------------------------------------------------*/

/*------------------------------------------------------------
09. SHADOWS
------------------------------------------------------------
See --alpha-shadow-* in design-system/exports/css/tokens.css.
------------------------------------------------------------*/

/*------------------------------------------------------------
10. Z-INDEX SCALE
------------------------------------------------------------
Genuinely missing from design-system/tokens - defined here.
------------------------------------------------------------*/

:root {
    --as-z-base: 0;
    --as-z-sticky: 100;
    --as-z-dropdown: 200;
    --as-z-overlay: 300;
    --as-z-modal: 400;
    --as-z-toast: 500;
    --as-z-loader: 600;
}

/*------------------------------------------------------------
11. ANIMATION TOKENS
------------------------------------------------------------
See --alpha-motion-* in design-system/exports/css/tokens.css.
------------------------------------------------------------*/

/*------------------------------------------------------------
12. GLASSMORPHISM
------------------------------------------------------------
Genuinely missing from design-system/tokens - defined here.
Used for elevated surfaces over imagery/gradients (navbar on
scroll, modal backdrop panels).
------------------------------------------------------------*/

:root {
    --as-glass-bg: rgba(28, 28, 28, 0.6);
    --as-glass-border: rgba(255, 255, 255, 0.08);
    --as-glass-blur: 16px;
}