orchard

  1// The palette every site here shares. Kept byte identical across analytics,
  2// auth, logging and status the same way shipper.go and session.go are, since a
  3// colour that drifts between two of them is visible and a drifted helper is not.
  4//
  5// Green is the primary on all four. Amber is chrome only, so caps labels, the
  6// hero eyebrow and warnings, and it is never the primary anywhere except on
  7// dash, which is a different machine. Terracotta is the only red.
  8//
  9// The alpha floors on the borders are not arbitrary. Every border on the site
 10// measured between 1.04 and 1.36 to 1 before 2026-09-01 and vanished under a
 11// bright light, because glare adds light to every pixel and the bottom of a
 12// dark palette has nowhere left to go. The floor came up rather than the
 13// design changing.
 14
 15$font-family-sans-serif: 'Monaspace Argon', ui-monospace, 'Cascadia Code', Consolas, 'SF Mono', Menlo, monospace;
 16$font-family-monospace: 'Monaspace Argon', ui-monospace, 'Cascadia Code', Consolas, 'SF Mono', Menlo, monospace;
 17$headings-font-family: null;
 18$headings-font-weight: 700;
 19$font-size-base: 0.92rem;
 20$line-height-base: 1.7;
 21$headings-line-height: 1.3;
 22
 23$white: #ede8e0;
 24$gray-100: #ddd7cd;
 25$gray-200: #c4bdb2;
 26$gray-300: #b3aba2;
 27$gray-400: #9a9188;
 28$gray-500: #8a8279;
 29$gray-600: #4a443c;
 30$gray-700: #332e28;
 31$gray-800: #211e1a;
 32$gray-900: #161310;
 33$black: #0b0a08;
 34
 35$body-bg: #0e0d0a;
 36$body-color: #ddd7cd;
 37
 38$green: #6b9e78;
 39$green-bright: #7db88c;
 40$green-dim: rgba(107, 158, 120, 0.2);
 41$green-border: rgba(107, 158, 120, 0.5);
 42
 43$amber: #c9a84c;
 44$amber-dim: rgba(201, 168, 76, 0.16);
 45$amber-border: rgba(201, 168, 76, 0.5);
 46
 47$terracotta: #c47055;
 48$terracotta-dim: rgba(196, 112, 85, 0.16);
 49$terracotta-border: rgba(196, 112, 85, 0.5);
 50
 51$primary: $green;
 52$secondary: #4a443c;
 53$success: $green;
 54$info: #7eaab8;
 55$warning: $amber;
 56$danger: $terracotta;
 57$light: #2a2620;
 58$dark: #0e0d0a;
 59
 60$link-color: $green-bright;
 61$link-hover-color: #95cca2;
 62$link-decoration: none;
 63$link-hover-decoration: underline;
 64
 65$border-color: rgba(221, 215, 205, 0.18);
 66$border-radius: 0.25rem;
 67$border-radius-sm: 0.2rem;
 68$border-radius-lg: 0.375rem;
 69
 70$card-bg: #1c1a15;
 71$card-border-color: rgba(107, 158, 120, 0.42);
 72$card-color: $body-color;
 73$card-cap-bg: rgba(221, 215, 205, 0.05);
 74
 75$input-bg: #1a1813;
 76$input-color: $body-color;
 77$input-border-color: rgba(107, 158, 120, 0.5);
 78$input-focus-bg: #201d16;
 79$input-focus-color: $body-color;
 80$input-focus-border-color: $green;
 81$input-focus-box-shadow: 0 0 0 2px rgba(107, 158, 120, 0.3);
 82$input-placeholder-color: #8a8279;
 83
 84$navbar-dark-color: rgba(221, 215, 205, 0.8);
 85$navbar-dark-hover-color: $white;
 86$navbar-dark-active-color: $white;
 87
 88$list-group-bg: #1c1a15;
 89$list-group-border-color: rgba(107, 158, 120, 0.35);
 90$list-group-hover-bg: #24211a;
 91$list-group-action-color: #b3aba2;
 92$list-group-action-hover-color: $white;
 93$list-group-action-active-bg: #2a2620;
 94$list-group-action-active-color: $white;
 95$list-group-active-bg: $green-dim;
 96$list-group-active-border-color: $green-border;
 97$list-group-active-color: $green-bright;
 98
 99$breadcrumb-active-color: $white;
100$breadcrumb-divider-color: #8a8279;
101
102$dropdown-bg: #1c1a15;
103$dropdown-border-color: rgba(107, 158, 120, 0.42);
104$dropdown-color: $body-color;
105$dropdown-link-color: #b3aba2;
106$dropdown-link-hover-color: $white;
107$dropdown-link-hover-bg: #24211a;
108
109$btn-close-color: $body-color;
110
111$modal-content-bg: #1c1a15;
112$modal-content-border-color: rgba(107, 158, 120, 0.45);
113$modal-header-border-color: rgba(107, 158, 120, 0.3);
114$modal-footer-border-color: rgba(107, 158, 120, 0.3);
115$modal-backdrop-bg: #000;
116$modal-backdrop-opacity: 0.75;
117
118$progress-bg: rgba(221, 215, 205, 0.14);
119$progress-bar-bg: $green;
120
121$table-bg: transparent;
122$table-color: $body-color;
123$table-border-color: rgba(107, 158, 120, 0.32);
124
125$accordion-bg: #1c1a15;
126$accordion-border-color: rgba(107, 158, 120, 0.42);
127$accordion-button-bg: #1c1a15;
128$accordion-button-active-bg: rgba(107, 158, 120, 0.16);
129$accordion-button-active-color: $green-bright;
130$accordion-button-focus-border-color: $green;
131$accordion-button-focus-box-shadow: 0 0 0 2px rgba(107, 158, 120, 0.3);