/*
 * Industrial Memory Solutionsin yhteiset design-tokenit.
 *
 * Tämä tiedosto on käyttöliittymän värien, typografian, välien, reunojen,
 * pyöristysten ja varjojen keskitetty totuuden lähde. Sivukohtaisen CSS:n
 * tehtävä on kuvata asettelu ja sivun oma rakenne, ei keksiä uutta
 * asiakaskohtaista värimaailmaa.
 *
 * Tuleva teemaeditori voidaan rakentaa tämän rajapinnan päälle: asiakasteema
 * muuttaa tokenien arvoja, jolloin samoja HTML-sivuja ei tarvitse haarauttaa
 * asiakkaan mukaan.
 */

:root {
    /* Typografia */
    --ims-font-family-sans: Arial, Helvetica, sans-serif;
    --ims-font-family-mono: Consolas, "Liberation Mono", monospace;

    /* Pääpinnat ja tekstit */
    --ims-color-bg-page: #eef1f3;
    --ims-color-bg-page-alt: #e9ecef;
    --ims-color-bg-auth: #ededee;
    --ims-color-panel: #ffffff;
    --ims-color-panel-translucent: rgba(255, 255, 255, 0.96);
    --ims-color-surface-subtle: #f7f9fa;
    --ims-color-surface-hover: #f4f7f8;
    --ims-color-surface-soft: #eef5f8;

    --ims-color-text: #172027;
    --ims-color-text-strong: #1f2528;
    --ims-color-text-auth: #111820;
    --ims-color-text-muted: #667178;
    --ims-color-text-muted-alt: #5d686d;
    --ims-color-text-muted-auth: #5f6871;

    /* Yläpalkit */
    --ims-color-header: #2f373a;
    --ims-color-header-editor: #2d3436;
    --ims-color-header-text: #ffffff;
    --ims-color-header-muted: #dce4e8;

    /* Reunat ja kontrollit */
    --ims-color-border: #c8ced2;
    --ims-color-border-alt: #b7bec2;
    --ims-color-border-auth: #c9ced3;
    --ims-color-border-strong: #aeb5bc;
    --ims-color-control-border: #8c979d;
    --ims-color-control-bg: #ffffff;
    --ims-color-control-bg-subtle: #f4f4f4;
    --ims-color-control-hover: #e9ecef;
    --ims-color-backdrop: rgba(23, 32, 39, 0.58);

    /* IMS:n pääkorostus */
    --ims-color-accent: #0b5d97;
    --ims-color-accent-dark: #084a78;
    --ims-color-accent-soft: #e9f2f8;

    /* Hallintasivujen nykyinen hillitympi korostus */
    --ims-color-accent-admin: #2f6f91;
    --ims-color-accent-admin-dark: #245671;

    /* Kirjautumissivun nykyinen korostus */
    --ims-color-accent-auth: #075697;
    --ims-color-accent-auth-dark: #06457a;
    --ims-color-accent-auth-soft: #e8f1f9;

    /* Kirjautumissivun hero-kuvan häivytys ja rajaus */
    --ims-color-auth-hero-overlay-clear: rgba(237, 237, 238, 0);
    --ims-color-auth-hero-overlay-soft: rgba(237, 237, 238, 0.24);
    --ims-color-auth-hero-overlay-strong: rgba(237, 237, 238, 0.96);
    --ims-color-auth-hero-border: rgba(7, 86, 151, 0.16);
    --ims-color-auth-hero-shadow: rgba(17, 24, 32, 0.16);

    /* Prosessieditorin UI-korostus. Prosessiväripaletti ei kuulu teemaan. */
    --ims-color-accent-editor: #0066ff;
    --ims-color-accent-editor-soft: #dbeaff;

    /* Vuoropäiväkirjan moduulikorostus. Alias pitää moduulin teeman
       semanttisena ilman sivukohtaista väriliteraalia. */
    --ims-color-accent-shift-log: var(--ims-color-warning);

    /* Workforce Skills -moduulin korostus. */
    --ims-color-accent-workforce: var(--ims-color-accent-admin);

    /* Shared Operations Directory -foundationin korostus. */
    --ims-color-accent-operations: var(--ims-color-accent);

    /* Tilavärit */
    --ims-color-focus: #f2c94c;

    --ims-color-success: #176745;
    --ims-color-success-alt: #237347;
    --ims-color-success-bg: #e8f7ed;
    --ims-color-success-bg-auth: #e2f3eb;

    --ims-color-warning: #8a6411;
    --ims-color-warning-bg: #fff4cc;

    --ims-color-danger: #9b2932;
    --ims-color-danger-alt: #a4252f;
    --ims-color-danger-bg: #fff0f1;

    /* Crypto/eheysnäkymän semanttiset värit */
    --ims-color-crypto-bg: #04110a;
    --ims-color-crypto-panel: #071b10;
    --ims-color-crypto-green: #52ff8f;
    --ims-color-crypto-green-dim: #1f9d55;
    --ims-color-crypto-text: #d6ffe3;
    --ims-color-crypto-red: #ff5b68;
    --ims-color-crypto-amber: #ffd166;

    /* Välit */
    --ims-space-2xs: 4px;
    --ims-space-xs: 6px;
    --ims-space-sm: 8px;
    --ims-space-md: 12px;
    --ims-space-lg: 16px;
    --ims-space-xl: 20px;
    --ims-space-2xl: 24px;
    --ims-space-3xl: 32px;

    /* Pyöristykset */
    --ims-radius-sm: 6px;
    --ims-radius-md: 10px;
    --ims-radius-lg: 14px;
    --ims-radius-xl: 20px;
    --ims-radius-pill: 999px;

    /* Kontrollit */
    --ims-control-height-sm: 34px;
    --ims-control-height-md: 40px;
    --ims-control-height-lg: 50px;

    /* Varjot */
    --ims-shadow-menu: 0 8px 22px #00000026;
    --ims-shadow-modal: 0 20px 56px rgba(23, 32, 39, 0.24);
    --ims-shadow-auth-card: 0 16px 42px rgba(29, 39, 48, 0.14);

    /* Liikkeet */
    --ims-transition-fast: 120ms ease;
}