﻿/* foundations/palette.css — Raw color primitives. No semantic meaning here. */

:root {
  /* Navy */
  --palette-navy-900: #1e2a43;
  --palette-navy-700: #283655;
  --palette-navy-500: #3d4f73;
  --palette-navy-100: #ebeef3;
  --palette-navy-50:  #f0f2f7;

  /* Amber (raw primitives — semantic layer decides which to use) */
  --palette-amber-600: #d4955f;
  --palette-amber-400: #0F172A3D;
  --palette-amber-200: #e8bf9a;
  --palette-amber-50:  #fdf5ed;

  /* Neutrals */
  --palette-white:     #ffffff;
  --palette-gray-50:   #f8f9fb;
  --palette-gray-100:  #ebeef3;
  --palette-gray-200:  #d2d6dc;
  --palette-gray-300:  #e2e8f0;
  --palette-gray-500:  #718096;
  --palette-gray-700:  #4a5568;
  --palette-gray-900:  #1a202c;

  /* Status */
  --palette-green-700: #059669;
  --palette-green-100: #d1fae5;
  --palette-yellow-600: #d97706;
  --palette-yellow-100: #fff3cd;
  --palette-red-600:   #dc2626;
  --palette-red-100:   #f8d7da;
  --palette-purple-700: #5b21b6;
  --palette-purple-100: #ede9fe;
  --palette-teal-700:  #065f46;

  /* Module accent */
  --palette-law-800:   #8a5a2b;
  --palette-law-50:    #f6ede3;

  /* Overlay */
  --palette-ink-base:  rgba(15, 23, 42, 1);
  --palette-ink-62:    rgba(15, 23, 42, 0.62);
  --palette-ink-24:    rgba(15, 23, 42, 0.24);
  --palette-ink-12:    rgba(15, 23, 42, 0.12);
  --palette-ink-08:    rgba(15, 23, 42, 0.08);
}
