/*
 * Flowers Farms Bakery -- Brand Color Palette
 *
 * Source: pixel-sampled from the brand logo (Display P3 -> sRGB conversion,
 *         morphological erosion on stroke interiors for ink colors).
 *
 * CMYK values are included as comments only. CSS has no native CMYK support.
 * Use the FOGRA39 column when sending files to a professional printer.
 * Do not use the "Naive" column for print production.
 *
 * Usage example:
 *   background-color: var(--color-cream-paper);
 *   color: var(--color-espresso-brown);
 */

:root {

  /* ---------------------------------------------------------------
   * BACKGROUNDS
   * --------------------------------------------------------------- */

  /* Cream Paper
   * Role      : primary page/badge background
   * HEX       : #FBF5EE
   * RGB       : 251, 245, 238
   * CMYK FOGRA39 : C4 M4 Y7 K0
   * CMYK Naive   : C0 M2 Y5 K2
   */
  --color-cream-paper: rgb(251, 245, 238);
  --color-cream-paper-hex: #FBF5EE;

  /* Petal Ivory
   * Role      : daisy petals, near-paper whites; marginally cooler than cream
   * HEX       : #FAF3E9
   * RGB       : 250, 243, 233
   * CMYK FOGRA39 : C4 M4 Y10 K0
   * CMYK Naive   : C0 M3 Y7 K2
   */
  --color-petal-ivory: rgb(250, 243, 233);
  --color-petal-ivory-hex: #FAF3E9;


  /* ---------------------------------------------------------------
   * BROWNS  (linework hierarchy -- three distinct steps)
   * --------------------------------------------------------------- */

  /* Walnut Ring Brown
   * Role      : both concentric border circles; lighter of the three browns
   * HEX       : #6F5C47
   * RGB       : 111, 92, 71
   * CMYK FOGRA39 : C53 M55 Y70 K31
   * CMYK Naive   : C0 M17 Y36 K56
   */
  --color-walnut-ring: rgb(111, 92, 71);
  --color-walnut-ring-hex: #6F5C47;

  /* Espresso Brown
   * Role      : all arc lettering and the four dot separators; mid ink
   * HEX       : #554333
   * RGB       : 85, 67, 51
   * CMYK FOGRA39 : C60 M64 Y76 K47
   * CMYK Naive   : C0 M21 Y40 K67
   */
  --color-espresso-brown: rgb(85, 67, 51);
  --color-espresso-brown-hex: #554333;

  /* Deep Bark
   * Role      : darkest illustration ink, tightest crevices only
   * HEX       : #362B10
   * RGB       : 54, 43, 16
   * CMYK FOGRA39 : C49 M57 Y93 K76
   * CMYK Naive   : C0 M20 Y70 K79
   */
  --color-deep-bark: rgb(54, 43, 16);
  --color-deep-bark-hex: #362B10;


  /* ---------------------------------------------------------------
   * PURPLES / LAVENDER
   * --------------------------------------------------------------- */

  /* Muted Lavender
   * Role      : lavender floret body, mid tone
   * HEX       : #A18EA0
   * RGB       : 161, 142, 160
   * CMYK FOGRA39 : C38 M42 Y22 K10
   * CMYK Naive   : C0 M12 Y1 K37
   */
  --color-muted-lavender: rgb(161, 142, 160);
  --color-muted-lavender-hex: #A18EA0;

  /* Pale Lilac
   * Role      : lavender and violet highlight, sunlit petal edges
   * HEX       : #C4B2BF
   * RGB       : 196, 178, 191
   * CMYK FOGRA39 : C24 M30 Y15 K5
   * CMYK Naive   : C0 M9 Y3 K23
   */
  --color-pale-lilac: rgb(196, 178, 191);
  --color-pale-lilac-hex: #C4B2BF;

  /* Deep Mauve Violet
   * Role      : lavender spike shadows, under-petal darks
   * HEX       : #77616F
   * RGB       : 119, 97, 111
   * CMYK FOGRA39 : C50 M56 Y36 K27
   * CMYK Naive   : C0 M18 Y7 K53
   */
  --color-deep-mauve: rgb(119, 97, 111);
  --color-deep-mauve-hex: #77616F;


  /* ---------------------------------------------------------------
   * PINKS
   * --------------------------------------------------------------- */

  /* Dusty Rose Pink
   * Role      : aster and cosmos petals, mid tone
   * HEX       : #C4A4A6
   * RGB       : 196, 164, 166
   * CMYK FOGRA39 : C22 M36 Y27 K6
   * CMYK Naive   : C0 M16 Y15 K23
   */
  --color-dusty-rose: rgb(196, 164, 166);
  --color-dusty-rose-hex: #C4A4A6;

  /* Blush Pale Pink
   * Role      : outer petal tips, faded pink filler blooms
   * HEX       : #E6CABF
   * RGB       : 230, 202, 191
   * CMYK FOGRA39 : C11 M24 Y24 K0
   * CMYK Naive   : C0 M12 Y17 K10
   */
  --color-blush-pink: rgb(230, 202, 191);
  --color-blush-pink-hex: #E6CABF;


  /* ---------------------------------------------------------------
   * GOLDS / YELLOWS
   * --------------------------------------------------------------- */

  /* Warm Ochre Gold
   * Role      : yarrow cluster on the right side of the bouquet
   * HEX       : #CDA05A
   * RGB       : 205, 160, 90
   * CMYK FOGRA39 : C20 M36 Y70 K5
   * CMYK Naive   : C0 M22 Y56 K20
   */
  --color-warm-ochre: rgb(205, 160, 90);
  --color-warm-ochre-hex: #CDA05A;

  /* Antique Gold
   * Role      : daisy disc centers, stippled
   * HEX       : #B98B46
   * RGB       : 185, 139, 70
   * CMYK FOGRA39 : C27 M44 Y80 K9
   * CMYK Naive   : C0 M25 Y62 K27
   */
  --color-antique-gold: rgb(185, 139, 70);
  --color-antique-gold-hex: #B98B46;


  /* ---------------------------------------------------------------
   * GREENS / SAGE
   * --------------------------------------------------------------- */

  /* Sage Grey-Green
   * Role      : round eucalyptus-style leaves
   * HEX       : #9D997C
   * RGB       : 157, 153, 124
   * CMYK FOGRA39 : C42 M32 Y52 K9
   * CMYK Naive   : C0 M3 Y21 K38
   */
  --color-sage-grey: rgb(157, 153, 124);
  --color-sage-grey-hex: #9D997C;

  /* Olive Stem Green
   * Role      : main stem bundle and grassy foliage
   * HEX       : #9A936C
   * RGB       : 154, 147, 108
   * CMYK FOGRA39 : C42 M34 Y60 K11
   * CMYK Naive   : C0 M5 Y30 K40
   */
  --color-olive-stem: rgb(154, 147, 108);
  --color-olive-stem-hex: #9A936C;

  /* Dry Sage Shadow
   * Role      : deepest green, stem overlaps only
   * HEX       : #776B50
   * RGB       : 119, 107, 80
   * CMYK FOGRA39 : C51 M48 Y68 K26
   * CMYK Naive   : C0 M10 Y33 K53
   */
  --color-dry-sage: rgb(119, 107, 80);
  --color-dry-sage-hex: #776B50;


  /* ---------------------------------------------------------------
   * TANS / TWINE
   * --------------------------------------------------------------- */

  /* Natural Twine Tan
   * Role      : twine bow, lit side of the cord
   * HEX       : #BE9E77
   * RGB       : 190, 158, 119
   * CMYK FOGRA39 : C27 M36 Y55 K6
   * CMYK Naive   : C0 M17 Y37 K25
   */
  --color-twine-tan: rgb(190, 158, 119);
  --color-twine-tan-hex: #BE9E77;

  /* Twine Shadow Khaki
   * Role      : shaded cord and knot
   * HEX       : #988668
   * RGB       : 152, 134, 104
   * CMYK FOGRA39 : C40 M40 Y58 K15
   * CMYK Naive   : C0 M12 Y32 K40
   */
  --color-twine-shadow: rgb(152, 134, 104);
  --color-twine-shadow-hex: #988668;


  /* ---------------------------------------------------------------
   * SEMANTIC ALIASES
   * Map brand swatches to functional roles. Edit here to retheme
   * the site without touching component styles.
   * --------------------------------------------------------------- */

  --color-bg-primary:       var(--color-cream-paper);
  --color-bg-secondary:     var(--color-petal-ivory);

  --color-text-primary:     var(--color-espresso-brown);
  --color-text-secondary:   var(--color-walnut-ring);
  --color-text-muted:       var(--color-dry-sage);

  --color-border:           var(--color-walnut-ring);
  --color-border-light:     var(--color-twine-shadow);

  --color-accent-primary:   var(--color-warm-ochre);
  --color-accent-secondary: var(--color-antique-gold);

  --color-highlight:        var(--color-muted-lavender);
  --color-highlight-light:  var(--color-pale-lilac);

  --color-link:             var(--color-espresso-brown);
  --color-link-hover:       var(--color-walnut-ring);
}