/* Moii color tokens — built around the finalized 1b logo (navy ink + signal green) */
:root {
  /* Navy — the brand ink. Primary text, primary surfaces, primary actions. */
  --navy-950: #101422;
  --navy-900: #14192F; /* inverse surfaces */
  --navy-800: #1D2340; /* PRIMARY — wordmark ink, buttons, headings */
  --navy-700: #2A3358;
  --navy-600: #3B4670;
  --navy-500: #4E5A8A;
  --navy-200: #C7CCE0;
  --navy-100: #E4E7F0;
  --navy-50:  #F0F2F7;

  /* Signal green — recognition & attention. Never decoration. */
  --green-700: #35773B;
  --green-600: #3E8E44;
  --green-500: #4FA34D; /* PRIMARY signal — dots on light */
  --green-400: #6DBE6A; /* signal on dark */
  --green-100: #DEF0DC;
  --green-50:  #EFF7EE;

  /* Warm neutrals — paper, not chrome */
  --white:      #FFFFFF;
  --neutral-25: #FAFAF8; /* page canvas */
  --neutral-50: #F2F2EF; /* off-white — wordmark on dark, wells */
  --neutral-100:#E9E9E4;
  --neutral-200:#E3E3DE; /* default border */
  --neutral-300:#D6D6D0;
  --neutral-400:#B8B9B5;

  /* Text (navy-family greys, never pure black) */
  --text-primary:   #1D2340;
  --text-secondary: #5A5F75;
  --text-muted:     #6B7086;
  --text-faint:     #9A9EAF;
  --text-on-dark:   #F2F2EF;
  --text-secondary-on-dark: #A8ADC2;

  /* Semantic — muted, operational, no alarm-red or electric blue */
  --success: #3E8E44;
  --success-bg: #EFF7EE;
  --warning: #B7791F;
  --warning-bg: #F9F1E3;
  --danger:  #B2483F;
  --danger-bg: #F8ECEA;
  --info:    #3B4670;
  --info-bg: #F0F2F7;

  /* Semantic aliases */
  --surface-page:    var(--neutral-25);
  --surface-card:    var(--white);
  --surface-well:    var(--neutral-50);
  --surface-inverse: var(--navy-900);
  --border-default:  var(--neutral-200);
  --border-strong:   var(--neutral-300);
  --signal:          var(--green-500);
  --signal-on-dark:  var(--green-400);
  --action-primary:  var(--navy-800);
  --action-primary-hover: var(--navy-700);
  --focus-ring: 0 0 0 3px rgba(79, 163, 77, 0.35);
}