/* AGORA Design Tokens（AGORA_FRONTEND_SPEC.md §2-1 ブランドカラー） */
:root {
  /* ブランド基調（DICE公式サイト由来の濃紺） */
  --navy-900: #06264D;
  --navy-800: #0A2F5C;
  --navy-700: #123A6E;
  --navy-100: #E6EDF5;

  /* AGORAアクセント（虹色△アイコン由来）*/
  --agora-red:    #F00811;
  --agora-orange: #FEA002;
  --agora-green:  #9AB501;
  --agora-blue:   #0146D1;
  --agora-purple: #8227C0;
  --agora-rainbow: linear-gradient(120deg, #F00811, #FEA002, #9AB501, #0146D1, #8227C0);

  /* 意味色エイリアス */
  --color-primary:       var(--navy-900);
  --color-primary-light: var(--navy-700);
  --color-primary-dark:  #041A36;
  --color-accent:        var(--agora-blue);

  /* 機能色（権限・ステータス表現） */
  --color-top:        #06264D;
  --color-exec:       #123A6E;
  --color-accounting: #0F6E56;
  --color-audit:      #854F0B;
  --color-general:    #5F5E5A;

  /* ステータスバッジ */
  --status-active:    #0F6E56;
  --status-pending:   #BA7517;
  --status-on-leave:  #5F5E5A;
  --status-resigned:  #9CA3AF;

  /* Surface & Text */
  --color-surface:        #FFFFFF;
  --color-surface-muted:  #F4F6F9;
  --color-border:         #E2E5EA;
  --color-border-strong:  #C7CCD4;
  --color-text:           #1A1A1A;
  --color-text-sub:       #5F5E5A;
  --color-text-muted:     #888780;
  --color-text-inverse:   #FFFFFF;

  /* システムカラー */
  --color-success: #0F6E56;
  --color-warning: #BA7517;
  --color-danger:  #DC2626;
  --color-info:    #0146D1;

  /* Spacing */
  --space-1: 0.25rem;   /*  4px */
  --space-2: 0.5rem;    /*  8px */
  --space-3: 0.75rem;   /* 12px */
  --space-4: 1rem;      /* 16px */
  --space-5: 1.25rem;   /* 20px */
  --space-6: 1.5rem;    /* 24px */
  --space-8: 2rem;      /* 32px */
  --space-10: 2.5rem;   /* 40px */
  --space-12: 3rem;     /* 48px */

  /* Typography */
  --font-family: -apple-system, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
  --fs-tiny:  0.6875rem; /* 11px */
  --fs-small: 0.8125rem; /* 13px */
  --fs-body:  0.9375rem; /* 15px */
  --fs-h3:    1rem;      /* 16px */
  --fs-h2:    1.25rem;   /* 20px */
  --fs-h1:    1.75rem;   /* 28px */

  /* Border radius */
  --radius-sm:   0.25rem;
  --radius-base: 0.625rem;   /* 10px */
  --radius-card: 0.875rem;   /* 14px */
  --radius-full: 9999px;

  /* Shadow */
  --shadow-sm:   0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-card: 0 2px 12px 0 rgb(0 0 0 / 0.08);
  --shadow-card-hover: 0 6px 20px 0 rgb(0 0 0 / 0.12);
  --shadow-lg:   0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

  /* Layout */
  --maxw-content: 1200px;

  /* Z-index */
  --z-header: 100;
  --z-modal:  200;
  --z-toast:  300;
}

/* ダークモード：OSの prefers-color-scheme には追従しない（意図的な選択）。
   navy-100 を暗くすると、navy-100+color-primary の組み合わせ（バッジ・強調枠等、
   static/index.html・app.html・login.html・consent.html・base.cssの多数箇所で使用）が
   すべて「暗い背景に暗い文字」で読めなくなるため、既存パレットのまま自動切替のみ廃止した。
   手動トグル＋配色再設計は別Issueとする。 */