/**
 * CSS Custom Properties
 * Extracted from: Tee marker Royal - identificação prática e duradoura
 * URL: https://floema.com/produtos/golf/tee-marker-royal
 * Generated by DesignAssets
 */

:root {
  /* ===== Colors ===== */
  /* Backgrounds */
  --bg-primary: #EBE7DF;
  --bg-secondary: #241F21;
  --bg-3: #E9E778;
  --bg-4: #F2EFEA;
  --bg-5: #FFFFFF;

  /* Text */
  --text-primary: #241F21;
  --text-secondary: #000000;
  --text-3: #EBE7DF;
  --text-4: #988F8B;

  /* Palette */
  --color-dark-gray: #241F21;
  --color-black: #000000;
  --color-light-gray: #EBE7DF;
  --color-orange-yellow: #E9E778;
  --color-light-gray: #F2EFEA;
  --color-white: #FFFFFF;
  --color-red: #988F8B;
  --color-mixed: #6B6B6B;
  --color-green: #BACFA3;
  --color-orange-yellow: #C3BCBB;

  /* ===== Typography ===== */
  --font-primary: "sans-serif", sans-serif;
  --font-secondary: "Zimula", sans-serif;
  --font-font-3: "Helvetica", serif;

  /* Font Sizes */
  --text-xs: 11px;
  --text-sm: 12px;
  --text-base: 14px;
  --text-lg: 15px;
  --text-xl: 16px;
  --text-2xl: 18px;
  --text-3xl: 20px;
  --text-4xl: 24px;

  /* ===== Border Radius ===== */
  --radius-sm: 12px;
  --radius-md: 30px;
  --radius-lg: 16px;
  --radius-xl: 100%;
  --radius-2xl: 24px;
  --radius-full: 8px;

  /* ===== Shadows ===== */
  --shadow-sm: rgba(0, 0, 0, 0.1) 0px 6px 12px 0px;
  --shadow-md: rgba(0, 0, 0, 0.15) 0px 4px 16px 0px;
}