/*
      _/_/    _/    _/  _/      _/    _/_/    _/_/_/_/_/  _/_/_/_/  _/      _/
   _/    _/  _/    _/  _/_/  _/_/  _/    _/      _/      _/          _/  _/
  _/_/_/_/  _/    _/  _/  _/  _/  _/_/_/_/      _/      _/_/_/        _/
 _/    _/  _/    _/  _/      _/  _/    _/      _/      _/          _/  _/
_/    _/    _/_/    _/      _/  _/    _/      _/      _/_/_/_/  _/      _/

PROJECT:     Aumatex Official Website
FILE:        src/styles/colors.css
PURPOSE:     Defines brand color palette and semantic color variables.
STACK:       CSS (Design tokens)
CREATED:     2026-01-27
AUTHOR:      Aumatex srls | www.aumatex.it
REPOSITORY:  https://github.com/aumadev/aumatex
LICENSE:     Proprietary Software
SECURITY:    Do not expose, share or modify without authorization.
RIGHTS:      © 2025–2026 Aumatex srls. All rights reserved.

Unauthorized reproduction, distribution or modification
without prior written consent is strictly prohibited.
*/

:root {

  --brand-graphite: #0f141a;
  --brand-deep-blue: #1f3a56;
  --brand-cyan: #00e5ff;


  --bg-main: #0b0f14;
  --bg-surface: #121822;
  --bg-card: #151e2a;
  --bg-card-hover: #192434;


  --text-main: #f2f5f8;
  --text-muted: #a7b0bb;
  --text-soft: #cbd3dc;
  --text-subtle: #e1e6ec;
  --text-badge: #d7dee7;


  --accent: var(--brand-deep-blue);
  --accent-40: rgba(31, 58, 86, 0.4);
  --accent-35: rgba(31, 58, 86, 0.35);
  --accent-20: rgba(31, 58, 86, 0.2);
  --accent-15: rgba(31, 58, 86, 0.15);
  --accent-10: rgba(31, 58, 86, 0.1);
  --accent-50: rgba(31, 58, 86, 0.5);


  --signal: var(--brand-cyan);
  --signal-10: rgba(0, 229, 255, 0.1);
  --signal-15: rgba(0, 229, 255, 0.15);
  --signal-20: rgba(0, 229, 255, 0.2);
  --signal-35: rgba(0, 229, 255, 0.35);
  --signal-50: rgba(0, 229, 255, 0.5);


  --white-60: rgba(255, 255, 255, 0.6);
  --white-40: rgba(255, 255, 255, 0.4);
  --white-15: rgba(255, 255, 255, 0.15);
  --white-10: rgba(255, 255, 255, 0.1);
  --white-08: rgba(255, 255, 255, 0.08);
  --white-04: rgba(255, 255, 255, 0.04);
  --white-03: rgba(255, 255, 255, 0.03);
  --white-02: rgba(255, 255, 255, 0.02);
  --white-01: rgba(255, 255, 255, 0.01);

  --black-50: rgba(0, 0, 0, 0.5);
  --black-85: rgba(0, 0, 0, 0.85);
  --black-25: rgba(0, 0, 0, 0.25);


  --glass-bg: rgba(11, 15, 20, 0.82);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-surface: rgba(18, 24, 34, 0.9);


  --shadow-accent: rgba(31, 58, 86, 0.35);
  --shadow-accent-soft: rgba(31, 58, 86, 0.2);

  --toggle-off: #374151;


  --micro-accent: var(--white-40);
  --micro-accent-hover: var(--white-60);


  --lux-bg-1: #0b0f14;
  --lux-bg-2: #0a0e13;
  --lux-surface: #121822;
  --lux-surface-2: #151e2a;
  --lux-text: #f2f5f8;
  --lux-text-muted: #a7b0bb;
  --lux-border: rgba(242, 245, 248, 0.12);
  --lux-accent: var(--brand-deep-blue);
  --lux-accent-soft: rgba(31, 58, 86, 0.18);
  --lux-success: #6bb58b;
  --lux-warning: #d7a85f;
  --lux-danger: #d9796c;
  --lux-overlay: rgba(7, 10, 14, 0.75);
  --lux-shadow-1: rgba(0, 0, 0, 0.35);
  --lux-shadow-2: rgba(0, 0, 0, 0.45);
  --lux-shadow-3: rgba(0, 0, 0, 0.55);
  --lux-glass-bg: rgba(11, 15, 20, 0.8);
  --lux-hero-accent: rgba(31, 58, 86, 0.18);
  --lux-panel-start: #121822;
  --lux-panel-end: #0b0f14;


  --product-badge-bg: rgba(148, 163, 184, 0.14);
  --product-badge-text: #e2e8f0;
  --product-badge-border-culture: rgba(148, 163, 184, 0.45);
  --product-badge-border-management: rgba(100, 116, 139, 0.45);
  --product-badge-border-concierge: rgba(0, 229, 255, 0.35);
  --product-badge-border-mobile: rgba(71, 85, 105, 0.45);
}