/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
/* ---------- THEME TOKENS ---------- */
/* Base LIGHT — also used when forcing html[data-theme="light"] */
:root,
html[data-theme="light"] {
  /* Core palette */
  --color-bg:            #ffffff;
  --color-surface:       #fafafa;
  --color-surface-2:     #f9f9f9;
  --color-elevated:      #ffffff;

  --color-text:          #111111;
  --color-text-muted:    #666666;
  --color-text-subtle:   #888888;
  --color-link:          #0b73ff;
  --color-link-hover:    #085dcc;

  --color-border:        #e6e6e6;
  --color-border-soft:   #e3e3e3;
  --color-outline:       #cfcfcf;

  --color-primary:       #0b73ff;
  --color-primary-600:   #085dcc; /* hover */
  --color-primary-50:    #eaf2ff; /* soft bg */
  --color-primary-100:   #f2f6ff; /* hover soft */

  --color-success:       #10b981;
  --color-success-600:   #059669;
  --color-success-50:    #f3fffb;
  --color-success-border:#cfeee2;

  --color-danger:        #e74c3c;
  --color-danger-600:    #c0392b;
  --color-danger-50:     #fdeceb;

  --color-muted:         #666666;
  --color-muted-600:     #545454;

  --color-thumb:         #777777;
  --color-thumb-border:  #dddddd;

  --color-shadow:        rgba(0,0,0,.06);
  --color-overlay:       rgba(14,14,14,.9);

  --color-warn:          #e53935;

  /* Utility sizes */
  --radius-sm: 6px;
  --radius:    8px;
  --radius-lg: 10px;

  /* Focus ring */
  --focus-ring: 0 0 0 2px rgba(11,115,255,.25);

  /* Typography */
  --fz-xxs: .80rem;
  --fz-xs:  .88rem;
  --fz-s:   .95rem;
  --fz-m:   1.00rem;
  --fz-l:   1.15rem;
  --fz-xl:  1.2rem;

  /* Switch accents (light) */
  --switch-track: #e7e7e7;
  --switch-border:#d7d7d7;
  --switch-thumb: #ffffff;
  --switch-icon:  #ff9c00;

  /* Tell UA widgets to be light */
  color-scheme: light;
}

/* System DARK applies ONLY when no manual override is set */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --color-bg:            #0f1115;
    --color-surface:       #14171d;
    --color-surface-2:     #454545;
    --color-elevated:      #1a1f27;

    --color-text:          #e7eaf0;
    --color-text-muted:    #a6adbb;
    --color-text-subtle:   #8f97a6;

    --color-link:          #6aa9ff;
    --color-link-hover:    #4f8fe6;

    --color-border:        #e3e3e3;
    --color-border-soft:   #e3e3e3;
    --color-outline:       #3a424f;

    --color-primary:       #6aa9ff;
    --color-primary-600:   #4f8fe6;
    --color-primary-50:    #516078;
    --color-primary-100:   #3c4d66;

    --color-success:       #2dd4bf;
    --color-success-600:   #14b8a6;
    --color-success-50:    #0e2a28;
    --color-success-border:#1d4a45;

    --color-danger:        #ff7366;
    --color-danger-600:    #ff5545;
    --color-danger-50:     #381a18;

    --color-muted:         #a6adbb;
    --color-muted-600:     #8c93a1;

    --color-thumb:         #a6adbb;
    --color-thumb-border:  #b0b0b0;

    --color-shadow:        rgba(0,0,0,.35);
    --color-overlay:       rgba(0,0,0,.82);

    --color-warn:          #ff6b6b;

    /* Switch accents (dark) */
    --switch-track:#1e293b;
    --switch-border:#0f172a;
    --switch-thumb:#0b1220;
    --switch-icon:#b6c8ff;

    color-scheme: dark;
  }
}

/* Manual DARK override */
html[data-theme="dark"] {
  --color-bg:            #292929;
  --color-surface:       #484848;
  --color-surface-2:     #46484a;
  --color-elevated:      #636363;

  --color-text:          #e7eaf0;
  --color-text-muted:    #a6adbb;
  --color-text-subtle:   #8f97a6;

  --color-link:          #6aa9ff;
  --color-link-hover:    #4f8fe6;

  --color-border:        #2b2f37;
  --color-border-soft:   #8a8a8a;
  --color-outline:       #87898c;

  --color-primary:       #3187ff;
  --color-primary-600:   #4f8fe6;
  --color-primary-50:    #48688d;
  --color-primary-100:   rgb(87, 116, 166);

  --color-success:       #6fd036;
  --color-success-600:   #14b835;
  --color-success-50:    #0f2a0e;
  --color-success-border:#1d4a45;

  --color-danger:        #ff7366;
  --color-danger-600:    #ff5545;
  --color-danger-50:     #381a18;

  --color-muted:         #a6adbb;
  --color-muted-600:     #8c93a1;

  --color-thumb:         #a6adbb;
  --color-thumb-border:  #b8b8b8;

  --color-shadow:        rgba(0,0,0,.35);
  --color-overlay:       rgba(0,0,0,.82);

  --color-warn:          #ff6b6b;

  /* Switch accents (dark) */
  --switch-track:#1e293b;
  --switch-border:#0f172a;
  --switch-thumb:#0b1220;
  --switch-icon:#b6c8ff;

  color-scheme: dark;
}

html, body { height: 100%; }
body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: 'Futura', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}
button, input, textarea, select { font: inherit; }
a { color: var(--color-link); }
a:hover { color: var(--color-link-hover); }
:focus-visible { outline: none; box-shadow: var(--focus-ring); border-radius: 4px; }


/*# sourceMappingURL=styles.css.map*/