/* variables.css */

/* ========== CORE BRAND TOKENS ========== */
:root {
  /* Background & text */
  --color-bg:      #FFFFFF;
  --color-text:    #202124;

  /* Brand primary colors */
  --color-primary:         #1565C0;
  --color-primary-hover:   #1E7BD8;
  --color-primary-active:  #1152A1;
  --color-primary-disabled:#A5B9D4;

  /* Neutrals */
  --color-neutral-100: #F1F3F4;  /* very light gray */
  --color-neutral-300: #5F6368;  /* medium gray */
  --color-neutral-900: #303134;  /* near black */

  /* Functional (status) */
  --color-success: #0F9D58;
  --color-warning: #F9AB00;
  --color-error:   #D93025;

  /* Borders */
  --color-border:        #E5E7EB; /* light border on white */
  --color-border-strong: #D1D5DB; /* stronger border */

  /* Surfaces */
  --surface-header: #FFFFFF;  /* sticky header bg */
  --surface-panel:  #FFFFFF;  /* dropdowns, mobile nav */

  /* Overlays */
  --overlay-scrim: rgba(0,0,0,0.35);

  /* Short aliases */
  --accent:        var(--color-primary);
  --accent-hover:  var(--color-primary-hover);
  --accent-active: var(--color-primary-active);
}