/* ============================================
   Crypta Password Generator - Design Tokens
   Minimal Nord palette: Polar Night background + Frost blue accent
   ============================================ */

:root {
  /* Polar Night (background, deep to light) */
  --bg-app: #2E3440;        /* Nord0: main background (deepest) */
  --bg-surface: #3B4252;    /* Nord1: card background */
  --bg-sunken: #434C5E;     /* Nord2: raised elements (password box, char items) */

  /* Borders */
  --border: #434C5E;
  --border-strong: #4C566A; /* Nord3 */
  --border-subtle: #3B4252;

  /* Snow Storm (text) */
  --text-primary: #ECEFF4;    /* Nord6: primary text */
  --text-secondary: #D8DEE9;  /* Nord4 */
  --text-muted: #9BA4B5;
  --text-subtle: #6B7588;

  /* Frost (blue accent) */
  --accent: #88C0D0;          /* Nord8: main ice blue */
  --accent-hover: #8FBCBB;    /* Nord7: hover (a bit deeper) */
  --accent-soft: rgba(136, 192, 208, 0.12);
  --accent-ring: rgba(136, 192, 208, 0.3);

  /* Aurora (semantic) */
  --success: #A3BE8C;          /* Nord14: green */
  --warning: #EBCB8B;          /* Nord13: yellow */
  --danger: #BF616A;           /* Nord11: red */

  /* Shape */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-full: 999px;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;

  /* Fonts */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Consolas, "Liberation Mono", monospace;

  /* Transition */
  --transition: 180ms ease;
}