@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 (Teal & Warm Gold - Eco Smart Home)
  ─────────────────────────────────────────────────────────────── */
  /* --- Primary Colors (Deep Teal / Petrol) --- */
  --primary-color: #0a6e5c;              /* Βαθύ πετρόλ - Κύριο χρώμα */
  --primary-light-color: #14b8a6;        /* Πιο φωτεινό teal για highlights */
  --primary-light-color-fade: #0a6e5c2b; 

  /* --- Secondary Colors (Calm Ocean) --- */
  --secondary-color: #0aa3a1;            /* Τυρκουάζ για δευτερεύοντα στοιχεία */
  --secondary-light-color: #01d8d4;      /* Πολύ απαλό νερένιο */
  --secondary-lighter-color: #57dad7;    /* Σχεδόν λευκό-mint */
  --secondary-light-color-fade: #0aa3a12b;

  /* --- Third Colors (Warm Amber / Smart Light) --- */
  --third-color: #e6b958;                /* Ζεστό χρυσό (ιδανικό για "Lights On") */
  --third-light-color: #fcd34d;          
  --third-lighter-color: #e0c671;      
  --third-light-color-fade: #e6b9584b;

  /* --- Success (Natural Green) --- */
  --success-color: #10b981;              /* Φυσικό πράσινο */
  --success-light-color: #6ee7b7;
  --success-light-color-fade: #10b9812b;

  /* --- Error (Soft Raspberry - NO RED) --- */
  --error-color: #e94e77;                /* Ροζ-κόκκινο (πιο φιλικό από το καθαρό κόκκινο) */
  --error-light-color: #fda4af;
  --error-light-color-fade: #e94e772b;
  
  /* ─────────────────────────────────────────────────────────────
     BASE / TEXT / SURFACES
  ─────────────────────────────────────────────────────────────── */
  --background-color: #eef5f4;           /* Το απαλό mint-grey που ήθελες */
  --background-white: #ffffff;
  --text-color: #1f2d2f;                 /* Σκούρο πετρόλ-γκρι (αντί για μαύρο) */
  --text-color-light: #f1f5f9;

  /* ─────────────────────────────────────────────────────────────
     HEADER / FOOTER
  ─────────────────────────────────────────────────────────────── */
  --header-bg-color: #083c4a;            /* Dark Slate/Teal */
  --header-bg-color-footer: #083c4acc;   

  /* ─────────────────────────────────────────────────────────────
     ACCENTS / APP SPECIFIC
  ─────────────────────────────────────────────────────────────── */
  --profit-color: #059669;
  --profit-color-darker: #065f46;
  --excel-color: #1c8e4b;
  --excel-color-darker: #14532d;
  --pdf-color: #e94e77;                  /* Raspberry */
  --pdf-color-darker: #be123c;
  --slider-active-color: #0a6e5c;        /* Primary Teal */
  --inactive-color: #cbd5e1;             /* Cool Grey */

  /* ─────────────────────────────────────────────────────────────
     BREADCRUMBS
  ─────────────────────────────────────────────────────────────── */
  --breadcrumb-bg: #e6eaea;
  --breadcrumb-active: #5f7680;

  /* ─────────────────────────────────────────────────────────────
     GRADIENTS / THEMING
  ─────────────────────────────────────────────────────────────── */
  --gradient-primary-start: #0a6e5c;     /* Teal start */
  --gradient-primary-end: #083c4a;       /* Dark Teal end */
  --bg-primary-end: #022c22;

  /* ─────────────────────────────────────────────────────────────
     DISABLED / ERROR / EXAMPLE STATES
  ─────────────────────────────────────────────────────────────── */
  --disabled-bg-color: #eaeaea;
  --disabled-bg-color-dark: #d3dae2;
  --disabled-color: #94a3b8;
  --error-bg-color: #fff1f2;             /* Πολύ απαλό ροζ */
  --error-border-color: #e94e77;
  --error-text-color: #9f1239;
  --example-bg-color: #ffffff;
  --example-text-color: #0a6e5c;
  --example-border-color: rgba(10, 110, 92, 0.2);

  /* ─────────────────────────────────────────────────────────────
     STATUS COLORS
  ─────────────────────────────────────────────────────────────── */
  /* ON: Teal/Green */
  --status-on-color: #1fa97a;
  --background-status-on-color: rgba(31, 169, 122, 0.7);
  --background-status-on-color-light: rgba(31, 169, 122, 0.2);
  --status-on-rgba: 31, 169, 122;

  /* OFF: Raspberry (Soft Error look) */
  --status-off-color: #e94e77;           
  --background-status-off-color: rgba(233, 78, 119, 0.7);
  --background-status-off-color-light: rgba(233, 78, 119, 0.2);
  --status-off-rgba: 233, 78, 119;

  /* WARNING: Amber/Gold */
  --status-warning-color: #e6b958;
  --status-warning-rgba: 230, 185, 88;

  --status-withdrawal-color: #0b2f36;
  --status-withdrawal-rgba: 11, 47, 54;

  /* ─────────────────────────────────────────────────────────────
     LOGS
  ─────────────────────────────────────────────────────────────── */
  --log-info-color: #0aa3a1;             /* Turquoise */
  --log-warning-color: #e6b958;          /* Amber */
  --log-error-color: #e94e77;            /* Raspberry */
  --log-critical-color: #8b5cf6;         /* Soft Purple */

  /* ─────────────────────────────────────────────────────────────
     OVERLAYS / BACKGROUND LAYERS
  ─────────────────────────────────────────────────────────────── */
  --background-overlay: rgba(255, 255, 255, 0.5);
  --background-secondary: rgba(10, 163, 161, 0.08); /* Teal tint */
  --background-secondary-settings: #5f7680;

  --background-dark0: rgba(8, 60, 74, 0);
  --background-dark_1: rgba(255, 255, 255, 0.8);
  --background-dark_2: rgba(226, 232, 240, 0.7); 
  --background-dark_3: rgba(10, 110, 92, 0.1);    /* Soft teal tint */
  --background-dark_4: rgba(122, 201, 214, 0.2); 
  --background-dark: rgba(10, 110, 92, 0.15);
  --background-dark2: rgba(8, 60, 74, 0.2);
  --background-dark3: rgba(8, 60, 74, 0.6);
  --background-dark4: rgba(8, 60, 74, 0.8);

  /* ─────────────────────────────────────────────────────────────
     GLASSMORPHISM
  ─────────────────────────────────────────────────────────────── */
  --inner-circle-color: rgba(255, 255, 255, 0.8);
  --glass-bg-color: rgba(255, 255, 255, 0.6);
  --glass-border-color: rgba(255, 255, 255, 0.4);
  --glass-text-shadow: rgba(8, 60, 74, 0.15);
  --glass-box-shadow: rgba(10, 110, 92, 0.1);
  --glass-hover-bg-color: rgba(255, 255, 255, 0.7);

  /* ─────────────────────────────────────────────────────────────
     SHADOWS / RADII
  ─────────────────────────────────────────────────────────────── */
  --tz-box-shadow: 0 4px 15px rgba(8, 60, 74, 0.08); /* Subtle teal shadow */
  --tz-border-radius: 0.75rem;
  --box-shadow-color: rgba(8, 60, 74, 0.1);
  --box-shadow-hover-color: rgba(10, 110, 92, 0.2);

  /* ─────────────────────────────────────────────────────────────
     INPUTS
  ─────────────────────────────────────────────────────────────── */
  --input-border-color: rgba(25, 70, 75, 0.3);
  --input-hover-border-color: #0aa3a1;   /* Turquoise hover */
  --input-bg-color: #ffffff;
  --input-hover-bg-color: #f0fdfa;

  /* ─────────────────────────────────────────────────────────────
     CARDS
  ─────────────────────────────────────────────────────────────── */
  --card-border-color: rgba(30, 80, 85, 0.15);
  --card-bg-color: rgba(255, 255, 255, 0.9);
  --card-hover-bg-color: #f0fdfa;        /* Minty hover */

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

  /* ─────────────────────────────────────────────────────────────
     VENDOR / BOOTSTRAP OVERRIDES
  ─────────────────────────────────────────────────────────────── */
  /* Checkmark σε Teal */
  --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='%230a6e5c' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");

      --bg-deep:#05342c;
    --bg-soft:#0a4d43;
    --card:rgba(10, 110, 92, .78);
    --card-2:rgba(10, 163, 161, .22);
    --border:rgba(10, 163, 161, .14);
    --border-strong:rgba(10, 163, 161, .34);
    --text:#f8fafc;
    --muted:#9fc6bf;
    --accent:#0a6e5c;
    --accent-2:#0aa3a1;
    --success:#0a6e5c;
    --warning:#e6b958;
    --danger:#c96f6f;
    --shadow:0 20px 60px rgba(0,0,0,.30);
    --radius:18px;
    --radius-sm:12px;
}