/* ═══════════════════════════════════════════════════════════════════════════
   Liquid Glass Theme — Token Definitions
   Apple-inspired translucent layered surfaces with depth through blur.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Light Mode ─────────────────────────────────────────────────────────── */
[data-theme="glass"] {
  /* Glass surface tokens */
  --zt-glass-blur-thin:     12px;
  --zt-glass-blur-regular:  20px;
  --zt-glass-blur-thick:    32px;
  --zt-glass-blur-chrome:   40px;
  --zt-glass-saturate:      1.8;

  --zt-glass-bg-thin:       rgba(255, 255, 255, 0.45);
  --zt-glass-bg:            rgba(255, 255, 255, 0.72);
  --zt-glass-bg-thick:      rgba(255, 255, 255, 0.88);
  --zt-glass-bg-chrome:     rgba(255, 255, 255, 0.92);

  --zt-glass-border:        rgba(255, 255, 255, 0.5);
  --zt-glass-border-outer:  rgba(0, 0, 0, 0.08);
  --zt-glass-specular:      rgba(255, 255, 255, 0.6);
  --zt-glass-noise-opacity: 0.03;

  /* Page backdrop */
  --zt-bg:            #f2f2f7;
  --zt-surface:       rgba(255, 255, 255, 0.72);
  --zt-surface-2:     rgba(255, 255, 255, 0.45);

  /* Text (high contrast on glass) */
  --zt-text:          #1a1a1a;
  --zt-text-muted:    #48484a;
  --zt-text-soft:     #8e8e93;

  /* Accent (Apple-inspired blue) */
  --zt-primary:          #007AFF;
  --zt-primary-contrast: #FFFFFF;
  --zt-success:          #34C759;
  --zt-warning:          #FF9500;
  --zt-danger:           #FF3B30;
  --zt-info:             #5AC8FA;

  /* Border / shadows */
  --zt-border:        rgba(0, 0, 0, 0.08);
  --zt-border-strong: rgba(0, 0, 0, 0.15);

  --zt-shadow-sm:  0 2px 8px rgba(0, 0, 0, 0.04);
  --zt-shadow-md:  0 8px 24px rgba(0, 0, 0, 0.08);
  --zt-shadow-lg:  0 16px 48px rgba(0, 0, 0, 0.12);

  /* Radius (more rounded, Apple-like) */
  --zt-radius-sm: 8px;
  --zt-radius-md: 14px;
  --zt-radius-lg: 20px;

  /* Font (SF Pro fallback chain) */
  --zt-font-sans:    -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;
  --zt-font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;
}

/* ── Dark Mode ──────────────────────────────────────────────────────────── */
[data-theme="glass"][data-style="dark"] {
  --zt-glass-bg-thin:       rgba(38, 38, 40, 0.45);
  --zt-glass-bg:            rgba(38, 38, 40, 0.72);
  --zt-glass-bg-thick:      rgba(38, 38, 40, 0.88);
  --zt-glass-bg-chrome:     rgba(28, 28, 30, 0.92);

  --zt-glass-border:        rgba(255, 255, 255, 0.12);
  --zt-glass-border-outer:  rgba(0, 0, 0, 0.4);
  --zt-glass-specular:      rgba(255, 255, 255, 0.08);
  --zt-glass-noise-opacity: 0.02;

  --zt-bg:            #000000;
  --zt-surface:       rgba(38, 38, 40, 0.72);
  --zt-surface-2:     rgba(38, 38, 40, 0.45);

  --zt-text:          #f5f5f7;
  --zt-text-muted:    #a1a1a6;
  --zt-text-soft:     #636366;

  --zt-primary:          #0A84FF;
  --zt-primary-contrast: #FFFFFF;
  --zt-success:          #30D158;
  --zt-warning:          #FF9F0A;
  --zt-danger:           #FF453A;
  --zt-info:             #64D2FF;

  --zt-border:        rgba(255, 255, 255, 0.1);
  --zt-border-strong: rgba(255, 255, 255, 0.2);

  --zt-shadow-sm:  0 2px 8px rgba(0, 0, 0, 0.2);
  --zt-shadow-md:  0 8px 24px rgba(0, 0, 0, 0.3);
  --zt-shadow-lg:  0 16px 48px rgba(0, 0, 0, 0.4);
}