/* ========================================
   Codexx OS - ATMOSPHERIC Color Palette
   ======================================== */

:root {
  /* Pantone ATMOSPHERIC Palette */
  --color-nantucket-breeze: #C7D7E9;  /* 14-4005 - Soft Light Blue (border, subtle) */
  --color-cloud-dancer: #F3F1EA;       /* 11-4201 - Warm Off-White (background) */
  --color-alaskan-blue: #7FA7D1;       /* 15-4225 - Medium Blue (secondary) */
  --color-cosmic-sky: #ADB0D0;         /* 15-3909 - Lavender Gray (chart accent) */
  --color-aqua-gray: #ACB5AE;          /* 15-5205 - Misty Sage Gray (muted text) */
  --color-regatta: #5F7FB5;            /* 18-4039 - Deep Slate Blue (primary) */
  --color-rinsing-rivulet: #85CEC8;    /* 14-4912 - Fresh Aqua (success/positive) */
  --color-dusky-citron: #DED28A;       /* 14-0827 - Muted Citron (warning/highlight) */
  
  /* Semantic Colors */
  --color-bg: #F3F1EA;
  --color-surface: #FFFFFF;
  --color-primary: #5F7FB5;
  --color-primary-hover: #4A6A9F;
  --color-primary-light: #7FA7D1;
  --color-accent: #85CEC8;
  --color-warning: #DED28A;
  --color-danger: #D08585;
  --color-text: #2C3E50;
  --color-text-muted: #7A8585;
  --color-text-light: #ACB5AE;
  --color-border: #C7D7E9;
  --color-border-dark: #ADB0D0;
  
  /* Typography */
  --font-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo',
               'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  
  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(95, 127, 181, 0.05);
  --shadow: 0 1px 3px 0 rgba(95, 127, 181, 0.1), 0 1px 2px 0 rgba(95, 127, 181, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(95, 127, 181, 0.1), 0 2px 4px -1px rgba(95, 127, 181, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(95, 127, 181, 0.1), 0 4px 6px -2px rgba(95, 127, 181, 0.05);
  
  /* Radius */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
}

/* Reset & Base */
* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--font-sans);
  background-color: var(--color-bg);
  color: var(--color-text);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a { color: var(--color-primary); text-decoration: none; }
a:hover { color: var(--color-primary-hover); text-decoration: underline; }

button { font-family: inherit; cursor: pointer; }

input, select, textarea {
  font-family: inherit;
  font-size: 14px;
}

/* Pretendard font from CDN */
@font-face {
  font-family: 'Pretendard';
  font-weight: 45 920;
  font-display: swap;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/woff2/PretendardVariable.woff2') format('woff2-variations');
}