/* Robot Collective — Light Theme Override
   Load AFTER md3-tokens.css, nav.css, and app.css.
   Page body gets MD3 light tokens; header stays dark via scoped
   custom-property overrides that cascade to all nav children.
*/

/* ── Light tokens for the page ────────────────────────────────── */
:root {
  /* Primary: blue (tone-40) */
  --md-sys-color-primary:                 #0061A4;
  --md-sys-color-on-primary:              #FFFFFF;
  --md-sys-color-primary-container:       #D1E4FF;
  --md-sys-color-on-primary-container:    #001D36;

  /* Secondary: purple (tone-40) */
  --md-sys-color-secondary:               #625B71;
  --md-sys-color-on-secondary:            #FFFFFF;
  --md-sys-color-secondary-container:     #E8DEF8;
  --md-sys-color-on-secondary-container:  #1D192B;

  /* Tertiary: teal/cyan (tone-40) */
  --md-sys-color-tertiary:                #006874;
  --md-sys-color-on-tertiary:             #FFFFFF;
  --md-sys-color-tertiary-container:      #97F0FF;
  --md-sys-color-on-tertiary-container:   #001F24;

  /* Error */
  --md-sys-color-error:                   #B3261E;
  --md-sys-color-on-error:                #FFFFFF;
  --md-sys-color-error-container:         #F9DEDC;
  --md-sys-color-on-error-container:      #410E0B;

  /* Background & surface */
  --md-sys-color-background:              #F5F7FA;
  --md-sys-color-on-background:           #1A1B1F;

  --md-sys-color-surface:                 #FFFFFF;
  --md-sys-color-on-surface:              #1A1B1F;
  --md-sys-color-surface-variant:         #EDF2F7;
  --md-sys-color-on-surface-variant:      #44474F;

  --md-sys-color-outline:                 rgba(0, 97, 164, 0.30);
  --md-sys-color-outline-variant:         rgba(0, 0, 0, 0.12);

  --md-sys-color-inverse-surface:         #2F3033;
  --md-sys-color-inverse-on-surface:      #F2F0F4;
  --md-sys-color-inverse-primary:         #9ECAFF;

  --md-sys-color-surface-tint:            #0061A4;

  /* Elevation overlays — light theme: low-opacity primary tint */
  --md-sys-elevation-level1:  rgba(0, 97, 164, 0.04);
  --md-sys-elevation-level2:  rgba(0, 97, 164, 0.07);
  --md-sys-elevation-level3:  rgba(0, 97, 164, 0.10);
  --md-sys-elevation-level4:  rgba(0, 97, 164, 0.12);
  --md-sys-elevation-level5:  rgba(0, 97, 164, 0.14);
}

/* ── Header: restore dark theme ──────────────────────────────── */
/* Custom properties set here cascade to all nav children
   (dropdown buttons, menus, logo) automatically. */
header {
  --md-sys-color-surface:            #12131A;
  --md-sys-color-on-surface:         #E4E4E7;
  --md-sys-color-surface-variant:    #1A1A2E;
  --md-sys-color-on-surface-variant: #CAC4D0;
  --md-sys-color-primary:            #9ECAFF;
  --md-sys-color-secondary:          #CFBCFF;
  --md-sys-color-outline:            rgba(59, 130, 246, 0.35);
  --md-sys-elevation-level2:         rgba(158, 202, 255, 0.08);
  --md-sys-elevation-level3:         rgba(158, 202, 255, 0.11);

  background-color: var(--md-sys-color-surface);
  background-image: linear-gradient(var(--md-sys-elevation-level2), var(--md-sys-elevation-level2));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

/* ── Cards: lighter shadow, visible border ───────────────────── */
.card {
  background-image: none;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.08),
    0 2px 8px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

/* ── Modals ──────────────────────────────────────────────────── */
.modal,
.modal-box {
  background-color: var(--md-sys-color-surface);
  background-image: none;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
}

/* ── Sub-surface containers ──────────────────────────────────── */
.agent-card,
.existing-dataset-card,
.dataset-block,
.profile-info,
.agent-item {
  background-image: none;
}

/* ── Form select elements ────────────────────────────────────── */
.form-group select {
  background: #FFFFFF;
}

/* ── Schema / data entry textareas ──────────────────────────── */
.schema-table textarea {
  background: #FFFFFF;
}

/* ── Progress bar track ──────────────────────────────────────── */
.progress-bar {
  background: rgba(0, 97, 164, 0.12);
}