:root {
    --color-cakephp-blue: #2f85ae;
    --color-lightgray: #606c76;
    --color-white: #fff;
    --color-main-bg: #faf8f4;
    --color-links: #284d40;
    --color-links-active: #18382f;
    --color-headings: #1c1c1a;
    --color-message-success-bg: #e3fcec;
    --color-message-success-text: #1f9d55;
    --color-message-success-border: #51d88a;
    --color-message-warning-bg: #fffabc;
    --color-message-warning-text: #8d7b00;
    --color-message-warning-border: #d3b800;
    --color-message-error-bg: #fcebea;
    --color-message-error-text: #cc1f1a;
    --color-message-error-border: #ef5753;
    --color-message-info-bg: #eff8ff;
    --color-message-info-text: #2779bd;
    --color-message-info-border: #6cb2eb;
    --beige: #dad7c5;
    --beige-light: #f0ede4;
    --earth-yellow: #d9a75e;
    --beige-light-rgb: 240, 237, 228;

    --color-body: #3d3d3a;
    --color-ink: #2a2a26;
    --color-text-muted: #6b6457;
    --color-price: #8a6d3b;
    --color-danger: #dc2626;
    --admin-ink: #111827;
    --admin-ink-mid: #374151;

    --emerald: #284d40;
    --emerald-light: #4f7867;
    --emerald-dark: #18382f;
    --emerald-rgb: 40, 77, 64;
    --emerald-gold: #b7975a;
    --hairline: rgba(var(--emerald-rgb), 0.12);

    --font-display: 'Raleway', 'Helvetica Neue', sans-serif;
    --font-body: 'Raleway', 'Helvetica Neue', sans-serif;
    --font-admin: 'Raleway', 'Helvetica Neue', Helvetica, sans-serif;
    /* Editorial accent serif - hero headlines, brand-voice moments on the
       public storefront only. Not used in admin. */
    --font-serif: 'Cormorant Garamond', Georgia, serif;

    --gray-900: #222;
    --gray-800: #333;
    --gray-700: #555;
    --gray-600: #666;
    --gray-500: #888;
    --gray-400: #999;
    --gray-300: #bbb;
    --gray-200: #ececec;
    --gray-100: #f0f0f0;
    --gray-50:  #f5f5f5;
    --gray-input: #c8c8c8;
}