:root {

    /* Primary */

    --angentra-blue-900: #002367;
    --angentra-blue-700: #0050BE;
    --angentra-blue-500: #019EF8;
    --angentra-blue-300: #3EC8FF;

    /* Neutral */

    --angentra-black: #000108;
    --angentra-gray-900: #111827;
    --angentra-gray-700: #374151;
    --angentra-gray-500: #6B7280;
    --angentra-gray-300: #D1D5DB;
    --angentra-white: #FFFFFF;

    /* Semantic */

    --primary: var(--angentra-blue-700);
    --primary-hover: var(--angentra-blue-500);
    --primary-dark: var(--angentra-blue-900);

    --background: var(--angentra-black);
    --surface: #0D1117;

    --text: #F8FAFC;
    --text-secondary: #CBD5E1;

    --border: #23314D;

    /* Brand gradient */

    --gradient-brand: linear-gradient(180deg, #3EC8FF 0%, #019EF8 35%, #0050BE 100%);

}

/*
  Logo mark spec (angentra shield)
  --------------------------------
  Corner radius:          4–6%
  Stroke weight:          10–12% of icon width
  Negative space:         18–20%
  Max gradient opacity:   15%
  Shadow / Glow / Blur:   none
  Bevel / Perspective:    none
  Lighting:               none
*/