:root {
  
  --accent-coral-bright: #ff8e74;
  --accent-coral-deep: #a93a25;
  --accent-amber-bright: #f0b65a;
  --accent-amber-deep: #8a5a0e;
  --accent-grass-bright: #9bdb84;
  --accent-grass-deep: #376f27;
  --accent-sky-bright: #86c8ff;
  --accent-sky-deep: #1b62a8;
  --accent-wisteria-bright: #b9a0ff;
  --accent-wisteria-deep: #6a4bd6;
  --accent-sakura-bright: #ffa3cf;
  --accent-sakura-deep: #a8407a;

  
  --dark-ground: #000000;
  --dark-ground-top: #0e1330;
  --dark-surface: #141416;
  --dark-surface-2: #1e1e22;
  --dark-separator: #232328;
  --dark-text-primary: #ffffff;
  --dark-text-secondary: rgba(235, 235, 245, 0.6);
  --dark-logo-ink: #f3ece0;
  --light-ground: #f2f2f4;
  --light-ground-top: #e6e3f0;
  --light-surface: #e9e9ec;
  --light-surface-2: #dcdce1;
  --light-separator: #d4d4da;
  --light-text-primary: #000000;
  --light-text-secondary: rgba(60, 60, 67, 0.6);
  --light-logo-ink: #1d1b18;

  
  --ground: var(--dark-ground);
  --surface: var(--dark-surface);
  --surface-2: var(--dark-surface-2);
  --separator: var(--dark-separator);
  --text-primary: var(--dark-text-primary);
  
  --text-secondary-base: var(--dark-text-secondary);
  --text-secondary: var(--text-secondary-base);
  
  --accent-on-ground: var(--accent-amber-bright);
  
  --on-accent: var(--dark-ground);

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

  
  --radius-card: 28px;
  --radius-capsule: 999px;

  
  --text-hero: 56px; 
  --text-large-title: 34px; 
  --text-display: 28px; 
  --text-title: 22px; 
  --text-body: 17px; 
  --text-subheadline: 15px; 
  --text-name: var(--text-subheadline); 
  --text-state: 13px; 
  --text-time: 13px; 
  --text-caption: 12px; 
  --weight-regular: 400;
  --weight-semibold: 600;

  
  --lamp-app: 56px;
  --lamp-la: 36px;
  --lamp-emoji-ratio: 0.56; 
  --lamp-asleep-scale: 0.72; 
  --lamp-asleep-fill: 0.45; 
  --lamp-asleep-emoji: 0.4;
  --lamp-quiet-emoji: 0.5;
  --lamp-outline: 1.5px; 
  --lamp-vibrant-ring: 1px; 
  --emoji-rect: 18px; 
  --emoji-la-room: 22px; 
  --night-dot: 10px; 
  --wordmark: 30px; 
  --wordmark-small: 14px; 

  
  --swatch: 36px; 
  --control: 52px;
  --tap-target: 44px;

  
  --motion-state: 350ms; 
  --motion-lit: 600ms; 
  --motion-lit-from: 0.96;
  --motion-lit-easing: cubic-bezier(0.2, 0.9, 0.3, 1); 

  --font-ui: -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif;
  --font-rounded: ui-rounded, -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif;
  --font-code: ui-monospace, "SF Mono", Menlo, monospace;
  --font-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;

  color-scheme: dark;
}


@media (prefers-contrast: more) {
  :root {
    --text-secondary: var(--text-primary);
  }
}