@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap');

:root {
  /* Core dark palette */
  --bg:     #0f1117;
  --bg2:    #1a1d27;
  --bg3:    #22263a;
  --border: #2a2d3a;
  --text:   #e8eaf0;
  --text2:  #9095a8;
  --text3:  #5a5f72;

  /* Accent */
  --green:  #1D9E75;
  --blue:   #378ADD;
  --purple: #7F77DD;
  --orange: #D85A30;
  --gold:   #BA7517;
  --red:    #e53e3e;

  /* --color-* aliases (used by login/skills/plans) */
  --color-text-primary:         #e8eaf0;
  --color-text-secondary:       #9095a8;
  --color-text-tertiary:        #5a5f72;
  --color-background-primary:   #1a1d27;
  --color-background-secondary: #0f1117;
  --color-border-tertiary:      rgba(255,255,255,0.10);
  --color-border-secondary:     rgba(255,255,255,0.18);
  --color-border-primary:       rgba(255,255,255,0.30);

  /* --c-* aliases (used by dashboard/resume) */
  --c-text:    #e8eaf0;
  --c-text2:   #9095a8;
  --c-text3:   #5a5f72;
  --c-bg:      #0f1117;
  --c-card:    #1a1d27;
  --c-card2:   #22263a;
  --c-border:  rgba(255,255,255,0.10);
  --c-border2: rgba(255,255,255,0.18);
  --c-work:    #378ADD;
  --c-edu:     #1D9E75;
  --c-proj:    #D85A30;
  --c-goal:    #7F77DD;
  --c-info-bg:     rgba(55,138,221,0.15);
  --c-info-text:   #60a5fa;
  --c-info-dark:   #93c5fd;
  --c-edu-bg:      rgba(29,158,117,0.15);
  --c-edu-text:    #34d399;
  --c-edu-dark:    #6ee7b7;
  --c-purple-bg:   rgba(127,119,221,0.15);
  --c-purple-text: #a5b4fc;
  --c-purple-dark: #cccaf5;
  --c-orange-bg:   rgba(216,90,48,0.15);
  --c-orange-text: #fb923c;
  --c-warn-bg:     rgba(146,96,10,0.15);
  --c-warn-text:   #e0a84a;
  --c-red-bg:      rgba(192,57,43,0.12);
  --c-red-text:    #e07469;
}

/* Base reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  background: var(--bg);
  color: var(--text);
  font-size: 14px;
  line-height: 1.5;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

.header{width:100%;background-color:#000;color:#fff;}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;flex-wrap:wrap;gap:0.5rem;}
.header-logo{font-size:1.1rem;font-weight:600;white-space:nowrap;margin:0;padding:0.6rem 0;}
.header-logo-link{text-decoration:none;color:inherit;}
.sub_header{width:100%;background-color:gray;color:#fff;}
.sub-header{width:100%;border-bottom:1px solid #2d3748;font-family:'Segoe UI',system-ui,sans-serif;}
.sub-header--recruiter{background:#0d1420;color:#e2e8f0;}
.sub-header--edu{background:#100d20;color:#e2e8f0;}
.sub-header-inner{display:flex;align-items:center;gap:20px;padding:8px 24px;flex-wrap:wrap;}
.sub-header-portal{font-size:.9rem;font-weight:700;text-decoration:none;white-space:nowrap;}
.sub-header--recruiter .sub-header-portal{color:#60a5fa;}
.sub-header--edu      .sub-header-portal{color:#a78bfa;}
.sub-header-nav{display:flex;align-items:center;gap:16px;flex:1;}
.sub-header-nav a{font-size:.82rem;text-decoration:none;color:#94a3b8;white-space:nowrap;transition:color .15s;}
.sub-header-nav a:hover{color:#e2e8f0;}
.sub-header-right{display:flex;align-items:center;gap:14px;margin-left:auto;}
.sub-header-user{font-size:.8rem;color:#64748b;white-space:nowrap;}
.sub-header-logout{font-size:.8rem;text-decoration:none;color:#475569;}
.sub-header-logout:hover{color:#f87171;}
.nav{display:flex;align-items:center;gap:1.25rem;background-color:transparent;flex-wrap:wrap;}
.nav a{color:#fff;text-decoration:none;font-size:0.85rem;white-space:nowrap;opacity:0.85;transition:opacity 0.15s;}
.nav a:hover{opacity:1;text-decoration:underline;}
.nav-welcome{font-size:0.82rem;color:rgba(255,255,255,0.75);white-space:nowrap;}
.nav-welcome strong{color:#fff;}
.nav-email{margin-left:3px;opacity:0.65;}
.footer{width:100%;background-color:#000;color:#fff;text-align:center;}