@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=IBM+Plex+Mono:wght@400;700&display=swap");

:root {
  /* ─────────────────────────────────────────────────────────────
     TYPOGRAPHY
  ─────────────────────────────────────────────────────────────── */
  --font-login: "IBM Plex Mono", monospace;

  /* ─────────────────────────────────────────────────────────────
     BRAND PALETTE (Ringel Red & Tech Cyan)
  ─────────────────────────────────────────────────────────────── */
  /* --- Primary Colors (Deep Ringel Red) --- */
  --primary-color: #b31d22;              
  --primary-light-color: #e21a22;        
  --primary-light-color-fade: #e21a222b; 

  /* --- Secondary Colors (Industrial Greys) --- */
  --secondary-color: #ff3b3f;            /* Ένα έντονο, φωτεινό κόκκινο */
  --secondary-light-color: #ff8588;      /* Απαλότερο φωτεινό κόκκινο */
  --secondary-lighter-color: #ffe5e6;    /* Πολύ ανοιχτό, σχεδόν λευκό-κόκκινο */
  --secondary-light-color-fade: #ffe5e62b;

  /* --- Third Colors (Electric Cyan Accent) --- */
  --third-color: #ffb300;               
  --third-light-color: #ffcc33;         
  --third-lighter-color: #fff0cc;       
  --third-light-color-fade: #ffcc334b;

  /* --- Success (Emerald) --- */
  --success-color: #198754; 
  --success-light-color: #20c997;
  --success-light-color-fade: #1987542b;

  /* --- Error (Ringel Red) --- */
  --error-color: #e21a22;
  --error-light-color: #ff6b6b;
  --error-light-color-fade: #e21a222b;
  
  /* ─────────────────────────────────────────────────────────────
     BASE / TEXT / SURFACES
  ─────────────────────────────────────────────────────────────── */
  --background-color: #f4f4f6;           
  --background-white: #ffffff;
  --text-color: #1a1a1b;                 
  --text-color-light: #f8f9fa;

  /* ─────────────────────────────────────────────────────────────
     HEADER / FOOTER
  ─────────────────────────────────────────────────────────────── */
  --header-bg-color: #1a0202;            
  --header-bg-color-footer: #b31d22cc;   

  /* ─────────────────────────────────────────────────────────────
     ACCENTS / APP SPECIFIC
  ─────────────────────────────────────────────────────────────── */
  --profit-color: #28a745;
  --profit-color-darker: #218838;
  --excel-color: #1f7244;
  --excel-color-darker: #135d33;
  --pdf-color: #b31d22;
  --pdf-color-darker: #8a1519;
  --slider-active-color: #00d4ff;        /* Χρήση του Cyan για ενεργά στοιχεία */
  --inactive-color: #ced4da;

  /* ─────────────────────────────────────────────────────────────
     BREADCRUMBS
  ─────────────────────────────────────────────────────────────── */
  --breadcrumb-bg: #e9ecef;
  --breadcrumb-active: #6c757d;

  /* ─────────────────────────────────────────────────────────────
     GRADIENTS / THEMING
  ─────────────────────────────────────────────────────────────── */
  --gradient-primary-start: #e21a22;
  --gradient-primary-end: #1a1a1b;
  --bg-primary-end: #0f0f10;

  /* ─────────────────────────────────────────────────────────────
     DISABLED / ERROR / EXAMPLE STATES
  ─────────────────────────────────────────────────────────────── */
  --disabled-bg-color: #e9ecef;
  --disabled-bg-color-dark: #dee2e6;
  --disabled-color: #adb5bd;
  --error-bg-color: #fff5f5;
  --error-border-color: #e21a22;
  --error-text-color: #8a1519;
  --example-bg-color: #ffffff;
  --example-text-color: #e21a22;
  --example-border-color: rgba(226, 26, 34, 0.2);

  /* ─────────────────────────────────────────────────────────────
     STATUS COLORS
  ─────────────────────────────────────────────────────────────── */
  --status-on-color: #28a745;
  --background-status-on-color: rgba(40, 167, 69, 0.7);
  --background-status-on-color-light: rgba(40, 167, 69, 0.2);
  --status-on-rgba: 40, 167, 69;

  --status-off-color: #e21a22;
  --background-status-off-color: rgba(226, 26, 34, 0.7);
  --background-status-off-color-light: rgba(226, 26, 34, 0.2);
  --status-off-rgba: 226, 26, 34;

  --status-warning-color: #ffc107;
  --status-warning-rgba: 255, 193, 7;

  --status-withdrawal-color: #1a1a1b;
  --status-withdrawal-rgba: 26, 26, 27;

  /* ─────────────────────────────────────────────────────────────
     LOGS
  ─────────────────────────────────────────────────────────────── */
  --log-info-color: #00d4ff;             /* Cyan για πληροφορίες */
  --log-warning-color: #fd7e14;
  --log-error-color: #e21a22;
  --log-critical-color: #6610f2;

  /* ─────────────────────────────────────────────────────────────
     OVERLAYS / BACKGROUND LAYERS
  ─────────────────────────────────────────────────────────────── */
  --background-overlay: rgba(255, 255, 255, 0.2);
  --background-secondary: rgba(0, 212, 255, 0.05); /* Cyan tint */
  --background-secondary-settings: #6c757d;

  --background-dark0: rgba(26, 26, 27, 0);
  --background-dark_1: rgba(255, 255, 255, 0.7);
  --background-dark_2: rgba(209, 211, 212, 0.7); 
  --background-dark_3: rgba(0, 212, 255, 0.1);   /* Soft cyan tint */
  --background-dark_4: rgba(209, 211, 212, 0.2); 
  --background-dark: rgba(179, 29, 34, 0.1);
  --background-dark2: rgba(26, 26, 27, 0.2);
  --background-dark3: rgba(26, 26, 27, 0.6);
  --background-dark4: rgba(26, 26, 27, 0.8);

  /* ─────────────────────────────────────────────────────────────
     GLASSMORPHISM
  ─────────────────────────────────────────────────────────────── */
  --inner-circle-color: rgba(255, 255, 255, 0.7);
  --glass-bg-color: rgba(255, 255, 255, 0.3);
  --glass-border-color: rgba(255, 255, 255, 0.2);
  --glass-text-shadow: rgba(0, 0, 0, 0.6);
  --glass-box-shadow: rgba(0, 0, 0, 0.2);
  --glass-hover-bg-color: rgba(255, 255, 255, 0.5);

  /* ─────────────────────────────────────────────────────────────
     SHADOWS / RADII
  ─────────────────────────────────────────────────────────────── */
  --tz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  --tz-border-radius: 0.75rem;
  --box-shadow-color: rgba(0, 0, 0, 0.15);
  --box-shadow-hover-color: rgba(0, 0, 0, 0.25);

  /* ─────────────────────────────────────────────────────────────
     INPUTS
  ─────────────────────────────────────────────────────────────── */
  --input-border-color: rgba(109, 110, 113, 0.5);
  --input-hover-border-color: #00d4ff;   /* Cyan hover για inputs */
  --input-bg-color: #ffffff;
  --input-hover-bg-color: #f8f9fa;

  /* ─────────────────────────────────────────────────────────────
     CARDS
  ─────────────────────────────────────────────────────────────── */
  --card-border-color: rgba(109, 110, 113, 0.2);
  --card-bg-color: rgba(255, 255, 255, 0.9);
  --card-hover-bg-color: rgba(0, 212, 255, 0.03); /* Cyan hover tint */

  /* ─────────────────────────────────────────────────────────────
     SLIDERS
  ─────────────────────────────────────────────────────────────── */
  --pip-text-color: var(--text-color);
  --slider-bg-color: var(--inactive-color);
  --slider-connect-color: var(--third-color);  /* Cyan slider */
  --slider-handle-border: var(--third-color);
  --slider-tooltip-border: var(--third-color);
  --slider-tooltip-text: var(--third-color);
  --slider-tooltip-bg: var(--background-color);

  /* ─────────────────────────────────────────────────────────────
     VENDOR / BOOTSTRAP OVERRIDES
  ─────────────────────────────────────────────────────────────── */
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}