/*
 * Property of First ESCO India Private Limited. All rights reserved.
 * FE Design System — Tokens (Visual Language Guide, design/03)
 * Every value used by fe-system.css and page code must come from here.
 */

:root {
    /* ---- Surfaces & ink ---- */
    --paper:          #f7f6f2;
    --paper-raised:   #ffffff;
    --ink:            #1c2530;
    --ink-muted:      #55606c;
    --rule:           #d8d5cd;

    --fe-orange:      #dd5e07;
    --fe-orange-deep: #b34c06;

    /* ---- Instrument panel (dark viewers only) ---- */
    --panel:          #10161d;
    --panel-glass:    rgba(255, 255, 255, 0.06);
    --panel-line:     #2a3440;
    --panel-text:     #d7dde4;

    /* ---- Semantic process palette (site-wide P&ID colour code) ---- */
    --flow-heat:      #e2492f;
    --flow-cold:      #4f83cc;
    --flow-water:     #2fa8c9;
    --flow-fluid:     #8b7ad6;
    --flow-gas:       #9aa4ad;
    --flow-co2:       #6b7f5e;
    --flow-value:     #1f9d55;

    /* ---- Material colours (sampled from specimens) ---- */
    --mat-redmud:     #a34a2a;
    --mat-jarosite:   #b8862d;
    --mat-flyash:     #8e8a82;
    --mat-silica:     #efece4;
    --mat-iron:       #5b6068;

    /* ---- Typography ---- */
    --font-sans: "IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;
    --font-mono: "IBM Plex Mono", "Consolas", monospace;

    --fs-1: 44px;  /* page titles — hard cap */
    --fs-2: 34px;
    --fs-3: 26px;
    --fs-4: 21px;
    --fs-body: 18px;
    --fs-small: 15.5px;
    --fs-micro: 13px;

    /* ---- Spacing scale ---- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 96px;
    --space-10: 128px;

    /* ---- Radius ---- */
    --r-s: 6px;
    --r-m: 12px;
    --r-l: 20px;

    /* ---- Depth ---- */
    --shadow-panel: 0 24px 64px rgba(20, 26, 34, 0.18);
    --shadow-lift:  0 8px 24px rgba(20, 26, 34, 0.10);

    /* ---- Motion ---- */
    --t-fast: 160ms;
    --t-med:  320ms;
    --t-slow: 640ms;
    --ease-standard: cubic-bezier(0.2, 0, 0, 1);

    /* ---- Layout ---- */
    --content-max: 1200px;
    --bleed-max: 1360px;

    /* ---- Glass (sanctioned uses only) ---- */
    --glass-light: rgba(247, 246, 242, 0.72);
    --glass-blur: 16px;
}