/* 
DATASHOT CUSTOM BRANDING
========================

This file allows you to customize the app's branding without modifying the main code.
Simply uncomment and modify the values below to apply your custom branding.

LOGO CUSTOMIZATION:
1. Place your logo file in the /public folder (e.g., /public/my-logo.svg)
2. Uncomment and update the --custom-logo-url property below
3. Optionally hide the default "DS" text by setting --custom-logo-display to 'none'

RECOMMENDED LOGO SPECS:
- Format: SVG (preferred) or PNG
- Size: 40x40 pixels
- Background: Transparent
- Style: Works well on dark backgrounds
- Colors: High contrast for visibility

EXAMPLE USAGE:
*/

:root {
  /* Replace with your logo URL */
  --custom-logo-url: url('/datashot_logo.svg');
  
  /* Hide default DS text when using custom logo */
  --custom-logo-display: none;
  
  /* Hide DATASHOT title when using custom logo */
  --custom-app-title-display: none;
  
  /* Optional: Customize brand colors (current: #1f1f1f, #d4eecc, #ff6600) */
  --brand-dark: #1f1f1f;      /* Primary dark */
  --brand-light: #d4eecc;     /* Primary light */ 
  --brand-orange: #ff6600;    /* CTA orange */
  
  /* Optional: Customize other brand tones */
  --tone-black: #0a0a0a;
  --tone-medium: #1f1f1f;
}

/* Hide the app title when using custom logo */
.app-title {
  display: var(--custom-app-title-display, block);
}

/* Make the brand section left-aligned with custom logo sizing */
.brand {
  justify-content: flex-start !important;
}

/* Custom logo styling - larger size to replace both DS and DATASHOT */
.logo {
  width: 240px !important;
  height: 80px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  margin: -10px 0 !important;
}

/* Reduce header height when using custom logo */
.header {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* 
INSTRUCTIONS:
1. Uncomment the :root section above
2. Replace '/my-logo.svg' with the path to your logo file
3. Optionally customize other branding elements
4. Save this file to apply changes
*/