/* Spring — Bold Minimal Finance (Tokens)
   Load first. Use variables everywhere else.
*/
:root {
  /* Palette */
  --spring-midnight-blue: #0F1C2E; /* RGB(15, 28, 46) */
  --spring-steel-blue:    #3E5C76; /* RGB(62, 92, 118) */
  --spring-near-white:    #FAFAFA; /* RGB(250, 250, 250) */
  --spring-cool-gray:     #E1E4E8; /* RGB(225, 228, 232) */
  --spring-graphite:      #24292E; /* RGB(36, 41, 46) */
  --spring-alloc-orange:  #F2994A; /* RGB(242, 153, 74) */
  --spring-neutral-gray:  #9AA0A6; /* RGB(154, 160, 166) */

  /* Semantic */
  --color-bg:             #0f172a;
  --color-surface:        #FFFFFF;
  --color-surface-2:      var(--spring-cool-gray);
  --color-border:         #D0D7DE;

  --color-text:           var(--spring-graphite);
  --color-text-muted:     #5F6368;

  --color-primary:        var(--spring-midnight-blue);
  --color-secondary:      var(--spring-steel-blue);
  --color-highlight:      var(--spring-alloc-orange);

  --color-link:           var(--spring-steel-blue);
  --color-link-hover:     var(--spring-midnight-blue);

  --color-success:        #16a34a;
  --color-warning:        var(--spring-alloc-orange);
  --color-danger:         #E25555;
  --color-error:          #E25555;
  --color-info:           var(--spring-steel-blue);

  /* Goal status & attention signals */
  --color-green:          #16a34a;
  --color-gold:           #E6B800;
  --color-gold-bg:        #fffbeb;
  --color-gold-border:    #fde68a;

  /* UX */
  --focus-ring:           0 0 0 3px rgba(17, 24, 39, 0.24);
  --shadow-sm:            0 1px 2px rgba(15, 28, 46, 0.08);
  --shadow-md:            0 8px 20px rgba(15, 28, 46, 0.12);

  --radius-sm:            10px;
  --radius-md:            14px;
  --radius-lg:            18px;

  --space-1:              4px;
  --space-2:              8px;
  --space-3:              12px;
  --space-4:              16px;
  --space-5:              24px;

  --font-sans:            ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --font-mono:            ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}