/* Arctic Sky — blue → cyan. Source: gradient_themes.md (Ocean & Cool) */
[data-theme="arctic-sky"] {
  --zt-bg:            #F0FAFF;
  --zt-surface:       #E2F4FF;
  --zt-surface-2:     #CFEBFC;
  --zt-border:        #BCDDF2;
  --zt-border-strong: #93C5E5;
  --zt-text:          #02101A;
  --zt-text-muted:    #2D4F66;
  --zt-text-soft:     #5F7E92;

  --zt-primary:          #4FACFE;
  --zt-primary-contrast: #02101A;
  --zt-success:          #10B981;
  --zt-warning:          #F59E0B;
  --zt-danger:           #EF4444;
  --zt-info:             #00F2FE;

  --zt-font-sans:    "Cairo", "Inter", system-ui, sans-serif;
  --zt-font-display: "Cairo", "Inter", system-ui, sans-serif;

  --zt-radius-sm: 6px;
  --zt-radius-md: 12px;
  --zt-radius-lg: 16px;

  --zt-shadow-sm: 0 1px 2px rgba(79, 172, 254, .10);
  --zt-shadow-md: 0 8px 24px rgba(79, 172, 254, .14);
  --zt-shadow-lg: 0 24px 60px rgba(0, 242, 254, .18);

  --zt-grad-primary: linear-gradient(135deg, #4FACFE 0%, #00F2FE 100%);
  --zt-grad-hero:
    radial-gradient(60% 50% at 80% 10%, rgba(79,172,254,.20) 0%, transparent 60%),
    radial-gradient(50% 50% at 10% 90%, rgba(0,242,254,.15) 0%, transparent 60%);
  --zt-grad-text: linear-gradient(120deg, #02101A 0%, #2D4F66 60%, #4FACFE 100%);
}

[data-theme="arctic-sky"][data-style="dark"] {
  --zt-bg:            #02101A;
  --zt-surface:       #05192A;
  --zt-surface-2:     #0A2238;
  --zt-border:        rgba(255,255,255,.08);
  --zt-border-strong: rgba(255,255,255,.14);
  --zt-text:          #EAF6FF;
  --zt-text-muted:    #A8C7DF;
  --zt-text-soft:     #6F8DA4;

  --zt-primary:          #7DD0FE;
  --zt-primary-contrast: #02101A;
  --zt-success:          #34D399;
  --zt-warning:          #FBBF24;
  --zt-danger:           #F87171;
  --zt-info:             #22D3EE;

  --zt-grad-primary: linear-gradient(135deg, #4FACFE 0%, #00F2FE 100%);
  --zt-grad-hero:
    radial-gradient(60% 50% at 80% 10%, rgba(79,172,254,.35) 0%, transparent 60%),
    radial-gradient(50% 50% at 10% 90%, rgba(0,242,254,.30) 0%, transparent 60%);
  --zt-grad-text: linear-gradient(120deg, #ffffff 0%, #A8C7DF 60%, #00F2FE 100%);
}