/**
 * Awarefy デザイントークン
 *
 * LP の HTML で使用する場合:
 *   <link rel="stylesheet" href="assets/brand/design-tokens.css">
 *   または <style> 内にコピー
 *
 * 使用例:
 *   background-color: hsl(var(--primary));
 *   color: hsl(var(--primary-foreground));
 */

:root {
  --background: 195 18.2% 95.7%;
  --foreground: 195 100% 19.6%;
  --card: 0 0% 100%;
  --card-foreground: 195 100% 19.6%;
  --popover: 195 66.7% 98.8%;
  --popover-foreground: 195 100% 19.6%;
  --primary: 184.9 100% 33.9%;
  --primary-foreground: 0 0% 100%;
  --secondary: 186 100% 96.1%;
  --secondary-foreground: 195 100% 19.6%;
  --muted: 195 37.5% 93.7%;
  --muted-foreground: 195.7 17.8% 53.7%;
  --accent: 29.5 97.5% 52.2%;
  --accent-foreground: 0 0% 100%;
  --border: 197.1 33.3% 87.6%;
  --input: 197.1 33.3% 87.6%;
  --ring: 186 100% 27.6%;
  --destructive: 335.9 79.6% 57.6%;
  --destructive-foreground: 335.9 79.6% 57.6%;
  --sidebar: 195 57.1% 97.3%;
  --sidebar-foreground: 195 100% 19.6%;
  --sidebar-primary: 186 100% 27.6%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 195 37.5% 93.7%;
  --sidebar-accent-foreground: 184.9 100% 33.9%;
  --sidebar-border: 197.1 33.3% 87.6%;
  --sidebar-ring: 186 100% 27.6%;
  --font-sans: Inter, "Noto Sans JP", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --radius: 0.375rem;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
  --tracking-normal: 0em;
  --spacing: 0.25rem;

  /* Gradients — LP で使えるグラデーションはここに定義されたもののみ */
  --gradient-brand: linear-gradient(135deg, hsl(188.1 59.6% 38.8%), hsl(184.9 99.2% 46.3%));
  --gradient-brand-soft: linear-gradient(135deg, hsl(188.1 59.6% 38.8% / 0.7), hsl(184.9 99.2% 46.3% / 0.6));
  --gradient-accent-underline: linear-gradient(transparent 60%, hsl(29.5 97.5% 52.2% / 0.35) 60%);
}

.dark {
  --background: 195 25% 6.3%;
  --foreground: 196.4 100% 97.8%;
  --card: 187.1 75% 11%;
  --card-foreground: 200 25.7% 93.1%;
  --popover: 185.5 37.9% 5.7%;
  --popover-foreground: 196.4 100% 97.8%;
  --primary: 184.8 100% 36.7%;
  --primary-foreground: 0 0% 100%;
  --secondary: 185.6 100% 12.5%;
  --secondary-foreground: 196.4 100% 97.8%;
  --muted: 188.6 31.8% 8.6%;
  --muted-foreground: 195.5 19.7% 69.2%;
  --accent: 185.6 100% 12.5%;
  --accent-foreground: 186.3 69.7% 57.3%;
  --border: 197.1 22.6% 18.2%;
  --input: 185.4 100% 15.3%;
  --ring: 184.8 100% 36.7%;
  --destructive: 335.9 79.6% 57.6%;
  --destructive-foreground: 335.9 79.6% 57.6%;
  --sidebar: 195 25% 6.3%;
  --sidebar-foreground: 196.4 100% 97.8%;
  --sidebar-primary: 184.8 100% 36.7%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 197.1 21.2% 12.9%;
  --sidebar-accent-foreground: 186.3 69.7% 57.3%;
  --sidebar-border: 197.1 22.6% 18.2%;
  --sidebar-ring: 186.3 69.7% 57.3%;
  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
}