/* Design tokens - inherited from Jフェス analysis, adjusted for FesTune */

:root {
  /* Neutrals - warmer greys than pure */
  --ground: #ececef;
  --surface: #ffffff;
  --surface-2: #f7f7f8;
  --surface-3: #ececec;
  --card: #ffffff;

  /* Shadows */
  --card-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 1px rgba(0,0,0,0.04);
  --card-shadow-lg: 0 12px 28px rgba(0,0,0,0.14), 0 4px 10px rgba(0,0,0,0.06);
  --card-shadow-xl: 0 30px 60px rgba(0,0,0,0.22), 0 8px 20px rgba(0,0,0,0.10);

  /* Text */
  --text: #1e1e20;
  --text-sub: #6b6b6d;
  --text-caption: #9a9a9c;
  --text-inverse: #ffffff;

  /* Borders */
  --border: #ececec;
  --border-strong: #c8c8c8;

  /* Accent + semantic */
  --accent: #e5273e;
  --accent-hi: #f01c1c;
  --accent-lo: #b0193d;
  --accent-tint: color-mix(in oklab, #e5273e 12%, transparent);
  --info: #007aff;
  --info-tint: color-mix(in oklab, #007aff 12%, transparent);
  --success: #16a34a;
  --warning: #f28c38;
  --danger: #e5273e;

  /* Tag palette */
  --tag-artist-bg: #1e1e20;
  --tag-artist-fg: #ffffff;
  --tag-day-bg: #ececec;
  --tag-day-fg: #1e1e20;

  /* Typography */
  --font-display: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;
  --font-body: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;
  --font-mono: "Roboto Mono", ui-monospace, "SF Mono", monospace;

  /* Layout */
  --frame-w: 390px;
  --frame-h: 844px;

  /* Safe areas mimicking iOS */
  --top-inset: 44px;
  --bottom-inset: 32px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground: #050506;
    --surface: #131316;
    --surface-2: #191a1d;
    --surface-3: #232326;
    --card: #191a1d;
    --card-shadow: 0 1px 3px rgba(0,0,0,0.5);
    --card-shadow-lg: 0 12px 30px rgba(0,0,0,0.55), 0 4px 10px rgba(0,0,0,0.3);
    --card-shadow-xl: 0 30px 60px rgba(0,0,0,0.6);
    --text: #f0f0f2;
    --text-sub: #a2a2a6;
    --text-caption: #6d6d70;
    --border: #26262a;
    --border-strong: #3d3d42;
    --accent: #e53c52;
    --accent-tint: color-mix(in oklab, #e53c52 22%, transparent);
    --info-tint: color-mix(in oklab, #007aff 22%, transparent);
    --tag-artist-bg: #f0f0f2;
    --tag-artist-fg: #131316;
    --tag-day-bg: #26262a;
    --tag-day-fg: #f0f0f2;
  }
}

:root[data-theme="dark"] {
  --ground: #050506;
  --surface: #131316;
  --surface-2: #191a1d;
  --surface-3: #232326;
  --card: #191a1d;
  --card-shadow: 0 1px 3px rgba(0,0,0,0.5);
  --card-shadow-lg: 0 12px 30px rgba(0,0,0,0.55), 0 4px 10px rgba(0,0,0,0.3);
  --card-shadow-xl: 0 30px 60px rgba(0,0,0,0.6);
  --text: #f0f0f2;
  --text-sub: #a2a2a6;
  --text-caption: #6d6d70;
  --border: #26262a;
  --border-strong: #3d3d42;
  --accent: #e53c52;
  --accent-tint: color-mix(in oklab, #e53c52 22%, transparent);
  --info-tint: color-mix(in oklab, #007aff 22%, transparent);
  --tag-artist-bg: #f0f0f2;
  --tag-artist-fg: #131316;
  --tag-day-bg: #26262a;
  --tag-day-fg: #f0f0f2;
}