@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap");

/*
 * Παλέτα C2S Control.
 * Ανθρακί βάση, lime της C2S για έμφαση, πετρόλ για δευτερεύουσες ενέργειες.
 * Τα ονόματα μεταβλητών είναι τα ίδια με τα υπόλοιπα project, ώστε να δουλεύουν
 * αυτούσια το κοινό style-login.css και τα κοινά στοιχεία διεπαφής.
 */
:root {
  --font-login: "Inter", "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-dashboard: "Inter", "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Πυρήνας C2S */
  --c2s-ink: #10161F;
  --c2s-ink-dark: #0A0F16;
  --c2s-slate: #1D2733;
  --c2s-steel: #33455C;
  --c2s-lime: #B2EF14;
  --c2s-lime-dark: #9BD30D;
  --c2s-lime-soft: #F2FBDD;
  --c2s-teal: #0F7B94;
  --c2s-teal-soft: #E6F4F8;
  --c2s-text: #1F2A37;
  --c2s-muted: #667085;
  --c2s-border: #DCE3EC;
  --c2s-bg: #F5F7FA;
  --c2s-white: #FFFFFF;
  --c2s-on-lime: #0D1320;   /* κείμενο πάνω σε lime: το λευκό δεν διαβάζεται */
  --c2s-lime-ink: #4F7A06;  /* lime ως κείμενο σε λευκό */

  /* Αντιστοίχιση στα κοινά ονόματα */
  --primary-color: #10161F;
  --primary-light-color: #33455C;
  --primary-light-color-fade: rgba(51, 69, 92, .14);

  --secondary-color: #0F7B94;
  --secondary-light-color: #1795B2;
  --secondary-lighter-color: #E6F4F8;
  --secondary-light-color-fade: rgba(15, 123, 148, .14);

  --third-color: #B2EF14;
  --third-light-color: #CDF465;
  --third-lighter-color: #EAFBC0;
  --third-light-color-fade: rgba(178, 239, 20, .22);

  --success-color: #15803D;
  --success-light-color: #86EFAC;
  --success-light-color-fade: rgba(21, 128, 61, .14);

  --error-color: #B42318;
  --error-light-color: #FDA29B;
  --error-light-color-fade: rgba(180, 35, 24, .12);

  --warning-color: #B54708;
  --warning-light-color: #FEC84B;
  --warning-light-color-fade: rgba(181, 71, 8, .12);

  --background-color: #F5F7FA;
  --background-white: #FFFFFF;
  --text-color: #1F2A37;
  --text-color-light: #F8FAFC;

  --header-bg-color: #10161F;
  --header-bg-color-footer: rgba(16, 22, 31, .96);

  --profit-color: #15803D;
  --profit-color-darker: #14532D;
  --excel-color: #1C8E4B;
  --excel-color-darker: #14532D;
  --pdf-color: #B42318;
  --pdf-color-darker: #7A271A;
  --inactive-color: #CBD5E1;

  --breadcrumb-bg: #EEF2F7;
  --breadcrumb-active: #0F7B94;

  --gradient-primary-start: #10161F;
  --gradient-primary-end: #1D2733;
  --bg-primary-end: #0A0F16;

  --disabled-bg-color: #E5E7EB;
  --disabled-bg-color-dark: #D1D5DB;
  --disabled-color: #94A3B8;
  --error-bg-color: #FEF3F2;
  --error-border-color: #FDA29B;
  --error-text-color: #B42318;

  /* Καταστάσεις παρακολούθησης */
  --status-up-color: #15803D;
  --status-up-soft: rgba(21, 128, 61, .12);
  --status-degraded-color: #B54708;
  --status-degraded-soft: rgba(181, 71, 8, .12);
  --status-down-color: #B42318;
  --status-down-soft: rgba(180, 35, 24, .12);
  --status-unknown-color: #667085;
  --status-unknown-soft: rgba(102, 112, 133, .12);

  --status-on-color: #15803D;
  --background-status-on-color: rgba(21, 128, 61, .72);
  --background-status-on-color-light: rgba(21, 128, 61, .12);
  --status-off-color: #B42318;
  --background-status-off-color: rgba(180, 35, 24, .72);
  --background-status-off-color-light: rgba(180, 35, 24, .12);
  --status-warning-color: #B54708;

  --background-overlay: rgba(255, 255, 255, .68);
  --background-secondary: rgba(15, 123, 148, .08);
  --background-dark: rgba(51, 69, 92, .14);
  --background-dark2: rgba(16, 22, 31, .20);
  --background-dark3: rgba(16, 22, 31, .60);
  --background-dark4: rgba(16, 22, 31, .84);
  --background-dark_1: rgba(255, 255, 255, .90);
  --background-dark_2: rgba(226, 232, 240, .76);
  --background-dark_3: rgba(15, 123, 148, .08);
  --background-dark_4: rgba(15, 123, 148, .14);

  --glass-bg-color: rgba(255, 255, 255, .72);
  --glass-border-color: rgba(255, 255, 255, .62);
  --glass-box-shadow: rgba(16, 22, 31, .10);

  --tz-box-shadow: 0 12px 35px rgba(16, 22, 31, .08);
  --tz-border-radius: 16px;
  --box-shadow-color: rgba(16, 22, 31, .10);
  --box-shadow-hover-color: rgba(15, 123, 148, .18);

  --input-border-color: rgba(31, 42, 55, .18);
  --input-hover-border-color: #0F7B94;
  --input-bg-color: #FFFFFF;
  --input-hover-bg-color: #F7FBFC;

  --card-border-color: rgba(31, 42, 55, .10);
  --card-bg-color: rgba(255, 255, 255, .96);
  --card-hover-bg-color: #F7FBFC;
}