/* AlgoTech Studio theme override.
   Loaded AFTER main.css to override CSS variables.
   Values are mirrored from ATS本体側のカラートークン（dark 値）。ATS本体からマイページ遷移した際に
   配色の違和感が出ないよう、同じ値をそのまま採用している。値を変える場合は、
   ATS本体側のカラートークンと揃っているか確認すること。
*/

:root {
  /* App background / text */
  --background: #0a0a0a;
  --foreground: #fafafa;

  /* Surfaces */
  --card: #171717;
  --card-foreground: #fafafa;

  --popover: #262626;
  --popover-foreground: #fafafa;

  /* Brand (blue buttons) */
  --primary: #1d4ed8;
  --primary-foreground: #fafaf9;

  /* Secondary surfaces */
  --secondary: #262626;
  --secondary-foreground: #fafafa;

  --muted: #262626;
  --muted-foreground: #a3a3a3;

  /* Accent（選択中のナビゲーション項目 / インタラクティブ要素のアクセント背景） */
  --accent: #404040;
  --accent-foreground: #fafafa;

  /* Borders / ring */
  --border: #ffffff1a;
  --input: #ffffff26;
  --ring: #737373;

  /* Destructive（エラー・削除系） */
  --destructive: #f87171;
  --destructive-foreground: #fef2f2;

  /* Chart系列 */
  --chart-1: #1d4ed8;
  --chart-2: #10b981;
  --chart-3: #f59e0b;
  --chart-4: #a855f7;
  --chart-5: #f43f5e;

  /* Sidebar tokens */
  --sidebar: #171717;
  --sidebar-foreground: #fafafa;
  --sidebar-primary: #1d4ed8;
  --sidebar-primary-foreground: #fafaf9;

  --sidebar-accent: #404040;
  --sidebar-accent-foreground: #fafafa;

  --sidebar-border: #ffffff1a;
  --sidebar-ring: #737373;
}

/* If you ever add `.dark` to html/body, keep same theme there too */
.dark {
  --background: #0a0a0a;
  --foreground: #fafafa;
  --card: #171717;
  --card-foreground: #fafafa;
  --popover: #262626;
  --popover-foreground: #fafafa;
  --primary: #1d4ed8;
  --primary-foreground: #fafaf9;
  --secondary: #262626;
  --secondary-foreground: #fafafa;
  --muted: #262626;
  --muted-foreground: #a3a3a3;
  --accent: #404040;
  --accent-foreground: #fafafa;
  --border: #ffffff1a;
  --input: #ffffff26;
  --ring: #737373;
  --destructive: #f87171;
  --destructive-foreground: #fef2f2;
  --chart-1: #1d4ed8;
  --chart-2: #10b981;
  --chart-3: #f59e0b;
  --chart-4: #a855f7;
  --chart-5: #f43f5e;

  --sidebar: #171717;
  --sidebar-foreground: #fafafa;
  --sidebar-primary: #1d4ed8;
  --sidebar-primary-foreground: #fafaf9;
  --sidebar-accent: #404040;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-border: #ffffff1a;
  --sidebar-ring: #737373;
}

/* Inputs in screenshot are white boxes */
input[type="text"],
input[type="number"],
input[type="date"],
input[type="email"],
textarea,
select {
  background: #fff !important;
  color: #0b1220 !important;
  border-color: rgba(0, 0, 0, 0.25) !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(0, 0, 0, 0.35) !important;
}

/* Table header: darker strip */
table thead tr {
  background: rgba(0, 0, 0, 0.35);
}