/* ============================================================
   Tokens
   Every design decision that repeats lives here as a custom
   property. Nothing in this file selects an element.
   ============================================================ */

:root {
  /* Surfaces */
  --bg:          #0e1621;
  --bg-bar:      #0b121b;
  --surface:     #101a25;
  --surface-2:   #161f2a;
  --field:       #1e2a37;

  /* Lines */
  --border:      #1b2734;
  --border-2:    #22303f;
  --border-3:    #33475a;
  --border-4:    #2a3947;

  /* Text */
  --text:        #e9eef3;
  --text-2:      #c4d0da;
  --text-3:      #8a9bab;
  --text-4:      #7d8ea0;
  --text-5:      #5f7284;
  --text-dim:    #4d5f70;
  --placeholder: #5f7183;

  /* Accent (teal) */
  --accent:      #14b8a6;
  --accent-deep: #0d9488;
  --accent-lt:   #2dd4bf;
  --accent-lt2:  #5eead4;
  --on-accent:   #062a26;
  --on-accent-2: #03211d;

  /* Warning */
  --warn:        #e0a458;

  /* Status — request lifecycle (monitoring console) */
  --info:        #7ab8ff;   /* in review */
  --danger:      #ef8171;   /* blocked */
  --done:        #6ec48a;   /* completed */

  /* Radius */
  --r-sm: 7px;
  --r:    9px;
  --r-lg: 12px;
  --r-xl: 14px;

  /* Padding */
  --space-xxs: 4px;
  --space-xs:  8px;
  --space-sm:  12px;
  --space-md:  20px;
  --space-lg:  32px;
  --space-xl:  52px;
  --space-xxl: 84px;

  /* Type */
  --font: 'Google Sans', 'Google Sans Text', 'Product Sans', Roboto, system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Elevation */
  --shadow-preview: 0 8px 30px rgba(0, 0, 0, .35);
}