/* =============================================
   GNSmart Design Tokens
   Shared across all pages (main, popup, login)
   ============================================= */

:root {
  /* --- Colors --- */
  --color-primary:          #176B73;
  --color-primary-hover:    #10565D;
  --color-primary-active:   #0C444B;
  --color-primary-light:    #EAF5F4;
  --color-primary-disabled: #B8D4F0;

  --color-danger:           #E74C3C;
  --color-danger-hover:     #C0392B;

  --color-warning:          #F39C12;
  --color-warning-hover:    #E67E22;

  --color-success:          #176B73;
  --color-success-hover:    #10565D;

  --color-dark:             #18343D;
  --color-text-primary:     #233B45;
  --color-text-secondary:   #586D77;
  --color-text-label:       #34495E;
  --color-border:           #D6E2E5;
  --color-border-light:     #EEF0F3;
  --color-bg-page:          #F3F6F7;
  --color-bg-surface:       #FFFFFF;
  --color-bg-alt-row:       #F5F8F9;
  --color-bg-hover-row:     #EDF6F5;
  --color-bg-selected-row:  #D8EEEB;
  --color-bg-input-readonly:#F5F6F8;

  /* --- Nav --- */
  --color-nav:              #FFFFFF;
  --color-nav-hover:        #EAF5F4;
  --color-nav-active-text:  #18343D;

  /* --- Typography --- */
  --font-family: 'Malgun Gothic', 'Apple SD Gothic Neo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-size-xs:   11px;
  --font-size-sm:   13px;
  --font-size-base: 14px;
  --font-size-md:   14px;
  --font-size-lg:   16px;
  --font-size-xl:   18px;
  --font-size-2xl:  20px;
  --font-size-h1:   28px;

  /* --- Spacing --- */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  12px;
  --space-lg:  16px;
  --space-xl:  20px;
  --space-2xl: 24px;

  /* --- Radius --- */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 12px;

  /* --- Shadows --- */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 2px 8px rgba(0,0,0,0.10);
  --shadow-lg: 0 4px 12px rgba(0,0,0,0.12);
}