/*
 * noVNC general CSS constant variables
 * Copyright (C) 2025 The noVNC authors
 * noVNC is licensed under the MPL 2.0 (see LICENSE.txt)
 * This file is licensed under the 2-Clause BSD license (see LICENSE.txt).
 */

/* ---------- COLORS ----------- */

/*
 * HarmonyOS "Immersive Light" (沉浸光感) palette
 *
 * Design language: deep indigo-royal foundation with bright teal-cyan
 * interactive accents, semi-transparent whites for glassmorphism
 * integration, and curated semantic tones — all built to let diffuse
 * background light bleed through at every layer.
 */

:root {
    /* ---- Neutral / Grey scale ---- */
    --novnc-grey:           rgba(255, 255, 255, 0.52);   /* muted secondary text */
    --novnc-lightgrey:      rgba(255, 255, 255, 0.12);   /* separators / hairline borders */
    --novnc-darkgrey:       rgba(10, 10, 30, 0.58);     /* deep surface fill */

    /* Transparent to make button colors adapt to the background */
    --novnc-buttongrey:     rgba(255, 255, 255, 0.07);   /* glass surface for idle controls */

    /* ---- Primary: Royal Indigo-Blue family ---- */
    --novnc-blue:           rgba(55, 90, 170, 0.82);    /* primary interactive · focus · active */
    --novnc-lightblue:      rgba(0, 230, 228, 0.92);    /* focus ring / bright teal-cyan accent */
    --novnc-darkblue:       rgba(18, 24, 56, 0.90);    /* deep surface · inset shadows · well */

    /* ---- Semantic accents ---- */
    --novnc-green:          rgba(0, 210, 130, 0.92);    /* success · connected · confirmed */
    --novnc-yellow:         rgba(255, 180, 50, 0.94);   /* pending · warning · attention */

    /* ---- Glassmorphism adjuncts ---- */
    --novnc-border:         rgba(255, 255, 255, 0.08);  /* standard panel/card border */
    --novnc-border-hover:   rgba(255, 255, 255, 0.18);  /* border on hover */
    --novnc-text-primary:   rgba(255, 255, 255, 0.92);  /* primary readable text */
    --novnc-text-secondary: rgba(255, 255, 255, 0.52);  /* secondary / disabled text */
    --novnc-overlay:        rgba(8, 10, 28, 0.55);      /* modal / dialog backdrop */
    --novnc-surface:        rgba(255, 255, 255, 0.05);  /* subtle raised surface */
    --novnc-purple:         rgba(140, 80, 220, 0.80);   /* focus-active / toggle highlight */
    --novnc-red:            rgba(240, 58, 72, 0.92);    /* destructive / close / error */
    --novnc-amber:         rgba(255, 160, 40, 0.94);    /* pending / warning ring */
    --novnc-emerald:        rgba(16, 220, 120, 0.92);   /* success ring / confirmed state */
}

/* ------ MISC PROPERTIES ------ */

:root {
    --input-xpadding: 1em;
}