/* DecomAI デザイントークン（実装のroot CSSから抽出・変数名は実装と同一） */
/* ===== Design tokens（現行staging HTMLのshadcn/uiトークンを再現） ===== */
  :root {
    /* root-CoYlkgPZ.css より抽出した正式トークン */
    --background: #ffffff;
    --foreground: #111827;
    --card: #ffffff;
    --card-foreground: #111827;
    --muted: #f9fafb;
    --muted-30: rgba(243, 244, 246, 0.3);
    --muted-40: rgba(243, 244, 246, 0.4);
    --muted-foreground: #6b7280;
    --border: #e5e7eb;
    --input: #d9dadb;
    --switch-background: #d1d5db;
    --primary: #216ebd;
    --primary-hover: rgba(33, 110, 189, 0.9);
    --primary-foreground: #ffffff;
    --secondary: #f3f4f6;
    --secondary-foreground: #111827;
    --accent: #f3f4f6;
    --destructive: #ef4444;
    --ring: #216ebd;
    --sidebar: #f5f6f8;
    --sidebar-border: #e5e7eb;
    --sidebar-foreground: #111827;
    --sidebar-accent: #e5e7eb;
    --amber-500: #f59e0b;
    --radius: 0.5rem;
    --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  }