/* ═══════════════════════════════════════════════════════════════════════════
   SEcMS Cable 포설관리 — Design Tokens (single source of truth)
   - SEcMS Engineering Theme(딥 네이비)와 호환
   - 단독 운영 시 라이트(SAP Fiori Ribbon) + 다크 데이터 영역 혼합
   ═══════════════════════════════════════════════════════════════════════════ */
:root {
  /* SEcMS 다크 팔레트 (data 영역) */
  --m-bg-deepest:  #0d1220;
  --m-bg-deep:     #131c2e;
  --m-bg-card:     #1e2a3d;
  --m-bg-button:   #2e3a52;
  --m-border-dark: #2e3a52;
  --m-border-mid:  #404e68;
  --m-text-muted:  #566380;
  --m-text-sub:    #7888a8;
  --m-text-tri:    #a0afc8;
  --m-text-main:   #c8d3e8;
  --m-text-bright: #e2e8f4;

  /* Ribbon 라이트 톤 (3D-Tool / Windows 데스크탑 스타일) */
  --rb-title-bg:    linear-gradient(180deg, #f0f0f0 0%, #e0e0e0 100%);
  --rb-title-bd:    #b8b8b8;
  --rb-bg:          #f8f8f8;
  --rb-bd:          #b0c4d8;
  --rb-text:        #2a3140;
  --rb-text-mute:   #6b7280;
  --rb-hover:       #e8eef7;
  --rb-active:      #cce4ff;
  --rb-active-bd:   #6da7e0;

  /* Ribbon Group accent colors */
  --rg-master:     #6644aa;
  --rg-schedule:   #445566;
  --rg-routing:    #1155aa;
  --rg-report:     #116633;
  --rg-validation: #aa2222;
  --rg-quantity:   #226611;
  --rg-sourcing:   #884400;
  --rg-tools:      #554477;
  --rg-data:       #004488;

  /* Brand */
  --brand-navy:    #102142;
  --brand-blue:    #1d4ed8;
  --brand-cyan:    #0ea5e9;

  /* Sizing */
  --rb-title-h:    32px;
  --rb-ribbon-h:   62px;
  --app-radius:    6px;

  /* Motion */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast:        80ms;
  --t-base:        140ms;
}

/* Reset 보강 (성능 우선) */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: 'Pretendard', -apple-system, 'Segoe UI', 'Malgun Gothic', system-ui, sans-serif;
  background: var(--m-bg-deepest);
  color: var(--m-text-main);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
}
button { font: inherit; cursor: pointer; }

/* Embed 모드: 통합 시 메뉴바/푸터 숨김 (향후 SEcMS 부모 앱에서 마운트) */
body[data-embed="1"] .topbar,
body[data-embed="1"] .ribbon-bar,
body[data-embed="1"] .secms-cable-titlebar,
body[data-embed="1"] .app-footer { display: none !important; }
body[data-embed="1"] #main-content { padding-top: 0; }